HTML Tutorial 2 - How to include images in HTML (Basic)

[shadowboy889]

TRY A SCREEN RECORDER MAN!

[sherifsmellmyfart]

dh

[klaudi7306]

not help :(



[jonow995]

you no how to write html but don't now how to screen record !?!?!?!?!

[jnannie1]

Ever think of hypercam? or even Camstudio???

[fixandfair]

Thanks It helps 

[awesometiger21]

does it have to be uppecase?

[l0tofblood]

u can get the picture if u have the pic and the html folder (website page) in the same place for example there are both at the same folder like D OR C u choose but its important

[jammingboy1]

There's a thing called Hypercam no effence

[tapurada]

This is great. I am a Virtual assistant and only design web sites using web based editor. With this basic knowledge will help me improve and really understand what 'm doing! Thanks a lot!

[norierenmyles]

its great dude my project works !! kip it up!!

[Craisor1]

@norierenmyles Your English however, does not. Lol, only a joke don't be rash.

[slickspurs]

Thanks dude, that helped a lot.

[miman123456]

great help but the video man needs shooting lol

[IAmLiiFeXx]

wtf is goin on with ur voice....

lol

ur like..

and now ... *gets higher* add text *gets higher* ill put *gets deeper* my image...

[8898samuel]

Dude u need to get camtasia studio/screen recorder gold/cam studio/hypercam

[Marshall123321]

How can you hold the camera and type at the same time?

[BlenderHowTos]

@Marshall123321 because most people have two hands

[nxtware2011]

Need Someone Serious? Need someone Professional? Need Software Development? Need Computer Build Ground Up? Visit My Page! :)

[Th0k3r]

Nice.

[RRRtuga]

love you video

[blurist]

Found my answer on your other page, so you can ignore that last question. Thanks!

[blurist]

Great video! I was wondering if you knew how to set an image as an html background, instead of just using solid colors. Any help would be appreciated. Thanks!

[rononing]

nice video

[willzackosuna]

nice video my amigo.

[ellusionest23]

due are u serius download a screen recorder

[mekehud]

Interesting!

[scbjgs]

my pctures always just show up as a little X and never work! :'(. help!!

[vancar6]

omg.

Why couldn't you use hypercam?

:/

[MetalShreader]

You're material and tutorial is some of the best, however I highly recommended a screen recorder for the best result :)

[salpolit]

notepad ++ anybody?

[pioljur]

hi there justin look alike. thank you very much for this informative video. i was really looking for this information on how to download image and i just found it here on your tutorial. a million thanks. and god bless you.

[chase96321]

is there any way i can do it without the pic being on my desktop?

[themacgeek96]

@chase96321 are you a retard it says on the vid that you can add the image in any folder

[chase96321]

@themacgeek96 i skimmed over the vid dipshit

[xXxRadicalDesignsxXx]

what if the person veiwing ur page dosent have those images on there comp? will it work or just show up as a red x???? P.S. new to web design:)

[hmmdyousf]

wat do i do if the image is not on my desktop but in my documents...

[PhysclCOW]

u dont have to ues ur cammera... download camtastia studios... its FREE!!

[TheConsoleSniper]

use a screen recorder for your screen and a mic for talking.

You can try Hypercam...

[supershadow70]

where you download photoshop?

[TheConsoleSniper]

@supershadow70 you have to pay for it. you can download gimp as and alteritive. Photoshop is avalible at adobe . com there is a 1 month trial but you can download gimp for free from gimp . org

[rafassoft]

visit it its the basics!

rafassoft

[403raymix]

What comes out is a little icon that has a picture of a ripped piece of paper. HELP!

[englishmovielover]

@freemanobfaja spam



[connormcwood2]

okay you didt have to add the border code could of just closed it.

[MsLion77]

i coudn't put the image inside it !!!

thanx man good work

[Icanfly3000]

*Looks at comments*

*Looks at the date the vid was posted*

*Looks at comments*

Go to his new channel, EdzJohnson, he has better tutorials there.

[shaqandlouis]

you try so slow that its annoying

[TheBigDolphin1]

MY IMAGE DOES NOT SHOW UP - IT DOES AN X SHAPE IN RED - I FOLLOWED EVERYTHING THAT YOU DID - JUST WONT WORK!

Please reply

[rax7]

does it have t o be all caps?

[dotsona07]

no, actually writing in caps is bad practice, you will find it is more common to keep it lower case.

[daringdarius]

mo it doesn't

[403raymix]

@rax7 No

[SuperDrifter101]

nice But don't mind use camstudio or any screen recorder Its a suggestion

[SuperDrifter101]

Oh edzjohnson this is your old account

[twinkieman62]

I fancy your accent!

[bdub24j]

Excellent tutorial info, but for god's sake man, stabalize the camerawork. I felt like I was in a Saving Private Ryan movie segment. It takes away from the overall quality of your tutorial.

[jaspalsemi]

Hello! Sir i watch your video very nice.Sir if you don't mind i need to help please? I create some images in photoshop. then i use exemple code like this images/brian2.jpg my webpage or blogger then not work show up red X ? please tell me how to work thanks JASPAL......

[rapingdogs]

you need to make it over to. PNG.

[ahmadziahussainzada]

Thanks Man it's soo Great ;-)

[Kazketon]

I like the fact that your freaking tutorial makes me think about the movie Cloverfield with the continuing moving camera...lol nice tutorial by the way, dude.

[Eagballs]

Nice video mate, helped alot

[saddavi]

thanx for posting the video mate.

cheers

[dagonmaster]

Nice tut ..umm why don't you use cam studio?

[nextgenhelp1]

background color is soo easy

BGCOLOR=blue

use it in the body tag

[bebright02]

My html page is only showing the mouseover code instead of the mouseover image. I have put the code in the head as well as the body. Maybe I'm not naming my image right? Help!!

[DARKEMO211]

Good tutorial, you should start using lower case though. People are saying in future html higher case wont be used..

[leeroyjfan]

Dude, your tutorials are great, thanks!

[Mahrooooooo]

Thanks dear

[qtipye1luv]

You totally rock.. Thank you God Bless

[magikdarah]

thanx a lot it help me.make more tutorials please ur the best :D

[Alexx693]

Great Tuturial.

Thanks, it is very easy.

[JeffHardy191]

this works thanks mate XD

[bmalaquias]

Extremely helpful. Thanks

[sirusthevirus004]

thnks

its cool and easy

thnks u very much really u ROCK

[shifax7]

hey, why dont u download a screen recorder????

[stopthedrilling]

a 3 year old knows this.....

[WrestlingFanUploader]

but still u don't

[arthureru]

YOU ROCK DUDE!!

AND

THANKS!!

[trampolinegod4]

cool i just got the 11,111th veiw!

[silverlulu]

nice tutorial man, good work dude, this was really helpful. thank you.

[QuinnC92]

im pretty sure to add videos you have to upload them from a site (youtube, veoh, metacafe)

[jameslittle1]

thanks!

but... how do you put videos on your webpage?

(please reply)

[lane85]

In this case what is BORDER="0">

What will the differens be if I added BORDER="1"> ?

[hsq91]

By setting the "border" attribute in "img" elements will prevent an unwanted border to be displayed around the image. This is only needed when the image is linked because linked images by default will have a blue border around them. The blue border is caused by links' default value in CSS "text-decoration" property: which is "underlined." So, you don't really need to set the "border" attribute OR the CSS's "border:" property if your image is not inside an anchor/link.

[defechoe]

hey rhis is awesome.. im kind of new in learning all this stuff.. how am i suppose to do it if i already have a jpeg saved in my pc.. ive tried to do it like your tutorial but i ende up having the blank or X image.. please help

[TheLurkingNinja]

Great TuT. but can you help me wit something (get back to me)

[WalbDC]

Does it have to be .png?

[bbfreebie]

Nope, any format that is acceptable on your internet browser. So you could have png, jpg, jpeg, gig, bmp, etc.

[jababyb0y]

@bbfreebie hey bro i have a website thats getting constructed it just had my logo. but i tried adding my own mp3 a facebook, myspace youtube and twitter links and i messed up the whole thing. would you be able to help me put all that back on? I can give you my log in info ive been tryin to do it im just not made up for this stuff lol thanx for your consideration

[TheBatchGuy]

wow.. horrible programming practices...know the stuff before you make a tut

[MOLLYHATCHET00]

Everything worked.

[blendinguser]

how do you add video

[laptopsoundsystem]

you speak to quick, slow down

[surfaceradio]

get hypercam! or camstudio

[runescapesuckz]

yur right dude

[surfaceradio]

sorry i also forgot to thank you! its really easy to remember and very understandable. thanks!

[FSXown3d]

It is a good vid. It is not like you can't see what he is doing. It is actually better quality this way anyway. Good Job A++ vid Thanks Man.

[M6B1M77]

srry 1 of 5 get a recorder

[M6B1M77]

guys rate my comment as good cause he needs hypercam2 full ver or zd soft screen recorder

[eighteenfive]

thanks a lot but please can you use a steady webcam which is permanently focus on your screen so your instructions will be more visible to my old eyes. pls pls pls.

[ASTARZ123]

i tried to put a jpeg flie but it didnt show up on my page what should i do anyone?

[Omarluvrunescape]

To the image page, can we add video's? if i put the image irl from youtube to here? will it work?

[RSX1304]

im new to this but my file looks like a normal notepad file not like yurs, y is that?

[SlimCraftProductions]

You have to save it as "all files"..

[Thechamp527]

Thank you for the guide It helped alot but I would recomend getting some screen capture software like hypercam if you plan on making alot of these guides just to make it a little easier on you and those watching

[Icanfly3000]

It doesn't have to be a .png right? Could it also be a .jpeg?

[chrislan2]

it can be have any extension as long as it matches up with your html and your acually picture

[Icanfly3000]

Great, thanks.

[DomandJim]

How would i get a gif onto my page?

[Icanfly3000]

I'm guessing just find one and put it as ".gif" instead of ".png" or whatever.

[suniel710]

nice one .. thanx

[Ig1veUP]

THIS IS AWESOME!!!

[ProtoSoldier]

amazing!

[EiviuxXx]

good toturial thx ;]

[dynastyflygon]

look at the adress bar, its not a website, its just a document on the internet

[nukyis]

hes just showing codes u need a domain if u want a website

[EdgeHardy4life]

i have the same problem with > and ? keep on mixing them up when i type.

[cowboys887]

.....uhhh.....ok...

[MGSfreak13]

THEN GET A LIFE BITCH

[bjkhooligan1903]

aaaaaa aaaaaaammm aaaaaaammmmmmmmm haha

[oksofta12]

where do you get paintshop!!!

[cowboys887]

haha FUNNY why would you come in an html tutorial and say "my videocard is awesome and my computer is fast lol" ok...

[cowboys887]

WOW WHO CARES mgs

[MGSfreak13]

your mom bitch

[MGSfreak13]

lol my XP is running the highest video card and its really fast

[jpeg1991]

Why are you recording your screen with a camera? use camstudio or something. google it, it comes in handy

[deoxys0731]

your computer runs so fast how did you do it?did you tweak it or it just normal?because my window vista on my laptop runs kinda slow.Yours is like one click and open,mine is like one click wait a couple of minutes and open.

[tamiktamik]

lol same here..... it sucks

[dotsona07]

vista runs fast as hell on my system, you need a good video card.

[deoxys0731]

how does a good video card make a computer runs fast??

[b4567890]

thanx man

[MGSfreak13]

thx alot!