In this HTML website design tutorial I will teach you how to add images to your website/html document and how to add an image to the background.
Difficulty Level:
Easy/Beginner
If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.
Duration : 0:3:48
[youtube ouumT9LoMLk]
October 25th, 2009 at 8:11 am
I’ve saved the …
I’ve saved the image and file in the same folder and it still doesn’t work!!! It doesn’t even show a error or anything, just the same!
October 25th, 2009 at 8:11 am
help me iv added …
help me iv added the html document to the right folder and i put the backround i wanted on that folder, tried to make it backround and not working
October 25th, 2009 at 8:11 am
mine not wokring …
mine not wokring when i save the html file..and when I open it in explorer…it shows a little box wiht red x???
October 25th, 2009 at 8:11 am
i am unable to get …
i am unable to get the image to work, both files are saved in my folder and it still shows up as a broken link. can you help? i did what you said. the picture is saved in picassa but is in the image file (new folder) along with the notepad txt. and still nothing. not sure what i am doing wrong, i have redone it several times with the same result.
October 25th, 2009 at 8:11 am
so i have done …
so i have done everything that you have said and i still can not add my image to this file. the image opens in Picassa. i saved the image in the new folder along with the text. they are in the same folder like you said, but when i open the file it just shows the broken link. so i am not sure what is happening they are saved in the same folder…Can you help?
thanks,
October 25th, 2009 at 8:11 am
i just noticed this …
i just noticed this is the same as makeing a myspace layout kind of
October 25th, 2009 at 8:11 am
Thanks so much!I …
Thanks so much!I now know what was wrong,i saved my image in my website folder but not the notepad file…Keep up the html tutorials!How about some more?
October 25th, 2009 at 8:11 am
I would also love …
I would also love to review this video.
October 25th, 2009 at 8:11 am
thanks!! it worked!!
thanks!! it worked!!
October 25th, 2009 at 8:11 am
how am i going to …
how am i going to make the background image not repeating??.. and in the center??.. i dont know how to do it.. please help..
October 25th, 2009 at 8:11 am
I got everything …
I got everything correct, and it’s still not working, I’m taking web mastering and this problem keeps occurring, but when I’m at school, I have no problem.
October 25th, 2009 at 8:11 am
1:57 thats what iv …
1:57 thats what iv been doing wrong. THANKS DUDE!!
October 25th, 2009 at 8:11 am
when i type jpeg …
when i type jpeg it don,t work
October 25th, 2009 at 8:11 am
does it have to be …
does it have to be png??? can it be jpeg also?
October 25th, 2009 at 8:11 am
Hey umm can u tell …
Hey umm can u tell me how to get a background behind the text? I dont want a background for a page, i want a background behind the text. thanks.
October 25th, 2009 at 8:11 am
I think on tutorial …
I think on tutorial 3 or something is links tutorial
October 25th, 2009 at 8:11 am
the point is , if …
the point is , if you code in notepad you’ll learn html and if you know html then you can change things in the code in dreamweaver that you cant do if u dont understand html
October 25th, 2009 at 8:11 am
so what’s the point …
so what’s the point of all this html coding in notepad? why arent you doing dreamweaver tutorials?????? love all the other tutorials tho
October 25th, 2009 at 8:11 am
mate ur a right …
mate ur a right legend cheers a lot !!!!!! i’ve been trying to do this for a bout 3 days cheers mate . see ya
October 25th, 2009 at 8:11 am
@ ilikepoyo1
Right …
@ ilikepoyo1
Right click on the picture in the file you saved in.
Go to properties and in properties it has 3 tabs which are general,security and details.
In general it has “Type of file:” So for example with JPEG it should say,
Type of file: JPEG image1 (.jpg).
Example, img src = “image1(dot) jpg ”
Make sure you change the name of the picture to image1,image2 ,image3 etc
As an alternative,simply right click on a picture and get it’s copy location and paste it instead of image1
October 25th, 2009 at 8:11 am
me to but my file …
me to but my file is jpeg what do we do
October 25th, 2009 at 8:11 am
me to but my file …
me to but my file is jpeg what do we do
October 25th, 2009 at 8:11 am
It’s okay I …
It’s okay I realized that the code has to have the title of the image from the folder.
Can I ask how do you change the colour of the text and of the borders?
Thanks in advance.
October 25th, 2009 at 8:11 am
I tried several …
I tried several times to get a picture to appear on my html website ,but it never seems to work.
And yes I “saved as” in the folder containing the image.
I don’t know what I’m doing wrong.
October 25th, 2009 at 8:11 am
pls upload for the …
pls upload for the dynamic colour changing of website….
ur tutorials are really great !