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.
25 Responses
Leave a Comment
November 5th, 2009 at 12:24 am
make sure the image is the under the right file
example me.jpeg me.png etc
November 5th, 2009 at 12:24 am
damn ur gay
November 5th, 2009 at 12:24 am
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!
November 5th, 2009 at 12:24 am
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
November 5th, 2009 at 12:24 am
mine not wokring when i save the html file..and when I open it in explorer…it shows a little box wiht red x???
November 5th, 2009 at 12:24 am
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.
November 5th, 2009 at 12:24 am
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,
November 5th, 2009 at 12:24 am
i just noticed this is the same as makeing a myspace layout kind of
November 5th, 2009 at 12:24 am
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?
November 5th, 2009 at 12:24 am
I would also love to review this video.
November 5th, 2009 at 12:24 am
thanks!! it worked!!
November 5th, 2009 at 12:24 am
how am i going to make the background image not repeating??.. and in the center??.. i dont know how to do it.. please help..
November 5th, 2009 at 12:24 am
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.
November 5th, 2009 at 12:24 am
1:57 thats what iv been doing wrong. THANKS DUDE!!
November 5th, 2009 at 12:24 am
when i type jpeg it don,t work
November 5th, 2009 at 12:24 am
does it have to be png??? can it be jpeg also?
November 5th, 2009 at 12:24 am
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.
November 5th, 2009 at 12:24 am
I think on tutorial 3 or something is links tutorial
November 5th, 2009 at 12:24 am
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
November 5th, 2009 at 12:24 am
so what’s the point of all this html coding in notepad? why arent you doing dreamweaver tutorials?????? love all the other tutorials tho
November 5th, 2009 at 12:24 am
mate ur a right fucking legend cheers a lot !!!!!! i’ve been trying to do this for a bout 3 fucking days cheers mate . see ya
November 5th, 2009 at 12:24 am
@ 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
November 5th, 2009 at 12:24 am
me to but my file is jpeg what do we do
November 5th, 2009 at 12:24 am
me to but my file is jpeg what do we do
November 5th, 2009 at 12:24 am
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.