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

[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)

[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?

[webdesign0Kahraman]

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

[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!

[travelsylhet]

thanks for the nice tutorial

[2Saber4you]

hack forum in favorite box, naughty

[fatimalawless13]

great video and tutorial, but bro loose the scarf

[kow961]

Guys if they arent showing change it too .jpg Because most images are a JPEG file Thumbs up if it worked Please? :)

[IloveJesus784]

what if you dont want the image to repaet its self

[YellowDuck22]

well i can now sorry

[YellowDuck22]

i can add image but i can't add backround, help

[lavakidd123]

what if the image was a jpeg file??

[anilio26]

nice ..........thnks!!!!!!!!!!!!!!!­!!!

[MultiJman01]

how will i do if I want to have the image over the whole screen?

[ybvego]

my image doesn't appear even though it's saved in the same folder as the html...

[MegaPositivity]

Thanks for the tutorial :)

I was wondering if it's it possible to broaden the background image so that it won't repeated itself?

[Mertt03]

Thanks kid this one helped me thanks to the john2546050 therefor im not gonna subscribe yet who knows maybe other film will help so i may change my mind

[levi50ful]

WHEN I DID IT IT JUST SHOWS AN X IN A BOX!!!! HELP

[colt41921]

thanks for the tutorials!! they have been very helpful so far!

[iznman]

i don't want it to repeat...help

[ChorizoVideos]

how do you change the size of the picture and how do you put it behind everything else?

[XxGazzipxX]

Well that's what I've alrdy know, I am searching an tutorial on how to add a Piucture to the Tab menu in my browser aka. every website I open up got an imnage there like facebook got that f for example and well my websites are blank but how can I change this?=S.

[ahmie1000]

hey...

EdzJohnson how to do if the image have .jpg not a .png

[LifeOrbPlusle]

I dont know how many people are doing this, but if your image has a name, you have to put the NAME of the file. Not image.png or image.jpg. You have to put the actual name that you saved the file as. Just thought that may help.

[MinecraftiaGreatness]

Does the image have to be a PNG image? I think I have typed in the HTML right but it won't show up and just has a broken image sing on the HTML site.

[MinecraftiaGreatness]

does it have to be a png?

[hellothere69ful]

@MinecraftiaGreatness no

[baigfaizan94]

@MinecraftiaGreatness no bro



[AqwAkira]

Cool thx for it :D subscribed

[manikraoraj]

sve index.html and ur image on desktop u wil get it

[gamecreatingadvanced]

bad hair day?

[brebz7]

lol it works now i was typing SCR instead of SRC ( source ) !

[ArtirisWay]

@brebz7 me too!my gosh, it took me ages to figure it out!thank you for pointing it out!

[brebz7]

Someone help me pls the img is not showing i tried it with jpeg jpg png ,,, they are both in the same folder but still not working HELP PLS !

[TheAdrianasd]

its NOT working some help me PLZZZZ

[12GuageGaming]

hey guys if ur using jpeg images change it from like image.jpeg to image.jpg and tht should fix it



[o0OAloneHeartsO0o]

@12GuageGaming thanks dude

[breakerboy365]

what i did for the image is put it on my desktop(i have windows xp)

i did [img src="C:\documents and settings\owner\desktop\image1.­jpg'']

[thedominater323]

STILL NOT WORKIN

[chickhunbone]

im 12 and wat is this

[CONVICT700]

@chickhunbone stupid comment

[nerdboy123456]

@chickhunbone ur not supposed to be on yt if ur 12 and its html coding this isnt a drag and drop site this is big boy coding

[roknrollwill]

The picture(s) must be in the same folder/accompanied by the saved website on your computer.

Lets say you put your website in a folder, you must put the picture inside the folder along with it. Maybe you put it on your desktop, the picture must be on the desktop along with it.

(Please put this in some form of description, if not thumbs this up)

[hellobabyshinee]

@roknrollwill omg, it works. thanks (:

[hackerperson1]

if your image is not coming up and your using an jpeg image change it to png and itll work :) thumbs up so people know

[thedominater323]

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

[danishMCgamer]

@thedominater323 there is not happening anything on my screen it's not work!

[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

[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).

[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.

[johnvincentcarreon]

always an erro wen i make it

[PeppRally]

how do you resize an image?

[Harelgur]

How do i change the border color?

[himselfmario]

@Harelgur change font color

[yannithetarantula8]

img tag is an empty tag... it needs a / at the end

[XxiFuZioN]

hi i cant get the imge in i dont know where to save the file and how to save it right the same with the picture

[mikawahwah]

help!! i posted a video response. Thank You!

[SereDestiny]

Dude! Thank you very much! Your awesome! Great Job!

[DiamondZxHD]

what about JPEG?

[3MoneyMakingSecrets]

Internet marketing is not just about having a cool website. Tthere are two more crucial components that are also necessary to increase traffic into sales. Recently, I came across one such plan that contains all 3 of these components. It's been working for me very nicely. I thought some of you may find it useful. The best part is that it is FREE. Youtube won't allow me to post the link to that site here so I have posted it in my profile.

[jjcguitar]

what if its a bitmap image?? i'm confused :S

[Thevb2101]

@jjcguitar .bmp

[jjcguitar]

@Thevb2101 thankyou!! :D

[jjcguitar]

@Thevb2101 thankyou!! :)

[sorenkierkegaard2008]

I guess what I'm asking is, if you leave out the whole !DOCTYPE thing will it make it so certain jpg images don't load properly on your page?

[sorenkierkegaard2008]

I keep trying to add images to my page, and I'm doing everything right with the img src = and name with jpg extension, doing it exactly right, but the images keep coming up blank with a little x on it. What could I be doing wrong?

[xRise03x]

if the image is in a different folder then type <img src= "../folder/image.jpg" works for me!

[MrMyface210]

@ellhnasskateass yes it does i tried it and it works

[madockmatthewsvlogz]

@ellhnasskateass i think to get it to work with .jpeg you type: "no repeat"

[Collinffs]

My pics wont upload i've put them in the same folder as the html file and i've tried both .jpg and .png files. And yes i put in their names and .jpg/png

[mehulcrazy]

Thanxx it helped me !

[HighHackTech]

can i make the background not to repeat?? i really need to know

[time2game360]

nice tut, but lose the scarf

[arunjithkhan]

yes.. you have to give the name of the image with.jpg .

then it wil works...

[CountZeroRocksThePs3]

@ellhnasskateass yes it does

[mptaztig21]

Thank You for that..May God Bless You! :)

[SebastianUpdate]

I cant see the photo :(

Whats wrong?

[Stereborg]

Or file LOCATION

[Stereborg]

inserting images must be with the same directory with your website or the image must be with the same directory of the Html

[HeaD4116]

it doesn't works inserting images plz help me



[redzepher2]

@HeaD4116 having a similar problem.

[DrEpicGuy]

what a fag..

[osmamn]

how to resize the background?

like making it bigger so it doesnt repeat..

[KelferMookie]

@ellhnasskateass does it work wit dik up your bum

[julanim77]

How to put description under the picture? Reply please!

[julanim77]

for a jpeg file u put (name).jpg

[ShihTzuLove788]

@julanim77

how about if the image type is bitmap what will I place

If the Jpeg is .jpg

[RobloxFunVids]

How do i change it to a PNG?

[ValentineDwayne]

ok, wat do ya do if you dont want the images to repeat?

[johnthehugo]

@ellhnasskateass ellinara!

[JesseChrismanHS]

my photo wont show up

[zatch52]

@ellhnasskateass you can chnge the picture format from .jpeg to .png if you don't know how pm me and i'll tell you how.

[TheDavidpaisa]

thanks a lot man

[eko653]

it's not website it's shit :/

[eko653]

and how to send the link to my friend to see my website?????

[MKBURNINFIRE]

WTF!

i gotr the backgroung img i just cant get the single img! o.O

[Droidanoid]

@josipbabok2 use use <img src="image.jpg". if its a jpeg image :)

[dehmi2009]

thanks alot bro i ahve taken 3 hours to get to konw the image

[josipbabok2]

it doesn't work for me =( i use .jpeg image but i tried both imagename.jpeg and imagename.jpg (of course that image name is not imagename i just use that for example) and index.html and image are on desktop (which means same folder) but it doesn't work =( (i use notepad++ if that helps)

[ramanujam46]

images are nat coming for me can you help me out

[MKBURNINFIRE]

@ramanujam46 SAME HERE! :(

[Craisor1]

@ramanujam46 I'm not sure if you have gotten help, but what you need to do, go to the image on your computer you want on there, Copy that image, Save it into your folder with your WebDraft. Then from there just copy the name from the image and put image.jpg or what ever the photo is. <img src="image.jpg" (THE IMAGE HAS TO BE IN THE FOLDER FOR IT TO FIND)

[damodamodamo2]

@ramanujam46 Try changing the format, i had problems with jpeg so i tried png and it worked fine ;)

[damodamodamo2]

@ramanujam46 Try changing the format, i had problems with jpeg so i tried png and it worked fine ;)

[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

[oxygenlifeless]

@john2546050 it work.. 

[TheNonchafox]

@john2546050 none of the 2 things works at my pc.......

[hunainmeo]

@john2546050 you for got the quotes in the end

[Gravesyte]

@john2546050 thank you kind sir for telling me that

[solynawaz]

Great work brother! thank u!

[ZenCartEasyHelp]

Great video!  Set up your ecommerce business for free with our Easy Help Zen Cart Tutorials:

[MrPwndexter]

i would prefer to view the entire screen, not just sections. tutorial is good though.

[shadytamang]

which type of extension file is png??

[shadytamang]

which type of extension file is pgn??

[connection2777777]

this is driving me mad,iv done everything,checked it all and nothing.aaaaaaaaaaaaaaaaaaaa

[BBurchall]

@connection2777777 are you saving the file with the ".html"?

[AMMARFALAKSHER]

Love ur channel man...keep posting

[Limo4724]

the image i used wont appear in my background...why is this?

[112yes]

@Limo4724 you need to put the image and the html in the same folder

create a folder and save the code in the notepad as html and save it in the folder and then save the image in the same folder ... the image will show

[azmantaeyeon]

my images and background cannot work

[DizeasEQSClan]

never mind...

[DizeasEQSClan]

this does not work for me :'(

[Vantegan]

Love your vids. I'm taking a web design class and these things are a life saver. You and channels like DieAheroDOTnet are a life saver to me.

[domentia]

@ellhnasskateass if you watched the vid' you wouldn't have to ask silly questions.

[nuckbucker]

my image and webpage are in the same folder but it still wont load. why?

[643cube]

does anyone know how to make your background not repeat please help and please put an example

[kedriic]

@ellhnasskateass yes it Works With jpg i just tried it

[zeeshu99]

how to stop image from repeating. plz help

[OfacerKhan]

@ellhnasskateass

I just started and have had trouble with .jpg so i save as . png

[TheTechkid1995]

Hey guys watch my tutorial and please tell me if it's good watch?v=XAVGCOzR8b8

[103sikandar]

Hi Dear I Like your Tutorial Programme.

Dear here with me I am Handling a Problem with adding Image. Dear here with me not Appearing image after Attaching. Here always showing Red Cross.

[643cube]

@103sikandar what are you using like jpg or png or any kind anyway just click on the photo ONCE and look down below it will say this image is called... you type that then put png or jpg or any kind it should work i had that same problem i hope this helped you=)

[TheJackShred]

yeah just use .jpg and itll do any format ;)

[XDavid922X]

i just cant put a image on no matter what i do :( thumbs up

[nestormontesdeoca]

i can't make it work for jpeg.____.

[Metabo5e5]

@ellhnasskateass It will work.

[Marshall123321]

@ellhnasskateass yes, although .pdf is more commonly compatible with browsers. You can use any type of file you want, but if it isn't compatible with the browser, then they won't be able to see it.

[bradley1989100]

i don't want the background image tiled, i want it stretched... how do you do that??

[fronow20]

hey how do you ad a video on your website with code is like the image or is it like the Google image with the link. P.S. i love to watch you videos there very help flue. i hope you make more on html code and css

[nicapica86]

I did exactly what you did, but the image doesn't show. I made sure i spelled the file name correct, the code is correct, and i have the image in the same folder as the Html. Please help!

It workswhen i put the image as a background.

[nicapica86]

I did exactly what you did, but the image doesn't show. I made sure i spelled the file name correct, the code is correct, and i have the image in the same folder as the Html. Please help!

[azurcorp]

subsxribed!

[Damjand12]

where you took that picture?

[ra99ful]

I have a question:how can i put a image on the right of the page?

[TheJackShred]

@ellhnasskateass It doesn't work when I use .jpeg even when it's in the right folder.

[ellhnasskateass]

@TheJackShred .jpg no ,jpeg you have to write .jpg on your commands

[MrChenze101]

HOW DO YOU MAKE A BACKGROUND OF 3 IMAGESREPITEDLY

[GamesJoel]

My website does not show the image :(

[ddebbie333]

ive done this but i get an x in a white box when i load it in the browser

[DaStresseddesserts]

ok i have a .png picture, it's in the same folder as the website html but it still has an error. whats is going on here?

[TheTripleTip]

@ellhnasskateass name.jpg yes it works with every file

[ellhnasskateass]

@TheTripleTip for me it works just with .png,when i try to add an image with different format it just does not show the image,it just shows this stupid error icon...is there any way to fix this?

[TheTripleTip]

@ellhnasskateass you maybe did jpeg its jpg

[ellhnasskateass]

@TheTripleTip tnxs

[TheTripleTip]

@ellhnasskateass no problem dude

[TheTripleTip]

HD isn't any better :S

[003ps]

how can we hav a coloured border for the image?????

[MrChenze101]

@003ps  border:2px solid white;>

[MrChenze101]

@003ps  border:2px solid white;> LET ME KNOW IF THIS WORKS

[nathancarlson1]

fuck you...

[ellaniemontebon]

only works with .png for me., hmmmm., tnx for this tutorials bro., ^____^

[wwehardyboyz123]

it didnt work

[MadFellaGames]

get notepad ++

[surpergirl113]

omg...i have tried to do this like 10 times now and i keep getting the stupid error message!!!

can someone plz help me?

[DeadStarsShine]

How do you embedded a video?