HTML Tutorial 3 - Adding Images & Backgrounds To Your HTML Website

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.

Category:

Howto & Style

Tags:

• website
• html
• design
• develop
• howto
• make
• tutorial
• tut
• lesson
• background
• image
• images
• adding
• add
• photos
• png
• jpg
• gif
• jpeg
• hd
• high
• definition
• quality
• hq

[john2546050]

@ramanujam46 another way to insert image from the folder (website)

right click the image --->open with----->browser( eg :chrome,fire fox etc.)

------>copy the location (in the search box)

eg , file///D:/website/.image.png>

then paste it on the notepad

like this----><img src="file:///D:/website/.image­.png

[thedominater323]

I DONT KNOW WHAT THE FUCK IS WRONG BECAUSE MY PICS ARENT SHOWIN

[PokemonLakeGiveaway]

So how do I add files? Like I wanted to make a website where people can download my cursors I've made but I don't know how to add files to the website....

[zdaystudios]

it worked if you want to see an example go to z-day.co.cc (it will not stay up for very long)

[churffy7770]

@thedominater323 img src="your image name.png" the name of the pic is case sensitive so be sure to put the correct lower and uppercase.

[MegaMilkcarton]

Thanks man

[mufcsupporter1]

You have no idea how much these tutorials have helped.

[detwan100]

@EdzJohnson Is there also a way to get your images on another place? exept voor putting in in a paragraph or use float?

[NoobPurple]

@thedominater323 This happened to me too.. I first had put mine in the wrong folder (oops) and then I had opened it with the wrong URL (oops) and then i had put the wrong file extension (oops again).

[webdesign0Kahraman]

cool tutorials thnx by the way are a web designer??

[webdesign0Kahraman]

@thedominater323 i had the same problem but there is a soloution that some1 mentioned, right click ur pic (da 1 u wnt) and open with... internet copy the img source link on the search bar when the pic shows up in the internet and paste it in ur html code it works

[23JKwon23]

If your images are not showing, check the image file type by looking at "properties" If the file is in JPEG, then you need to have image.jpg instead of image.png. Thumbs up so other people can see!