HTML5 and CSS3 beginner tutorial 8 - Images

This tutorial will show you how to add images to your website, and we talk about some good practices.

Don't forget to tell them I sent you.

Patrons can download the code here:

Validate your HTML document here:

Follow me on social media:
Snapchat: quentinwatt92

Become a Patron:

Subscribe to my Vlog channel:

Subscribe to this channel:

Please note:
I do not offer web development services, private tutoring, "assistance" on school or university projects. I am also not interested in any start up businesses.

[ycls]

Thanks, Quentin. Your videos are awesome and I really love them. What I love the most is that you always explain why we should do this or that (e.g why we should put width & height attribute after img). Those explanations indeed solve my confusion.

[BikashDebnath]

Hey Quentin, which software (& hardware) do you use to record your videos and audios and plus screenshare. I have so far watched couple of videos, and I like it.

[CSB-SATTIANIRUDHSAISREYASHREDD]

Sir even my images are in same file and I followed same instructions as u said but I am unable to see them in my Web page

Instead if I click an url from Google it works

[seemasehrawat]

which software you used to record videos and camera

[animan]

How do you give the browser info on where the image is? Do you use a particular folder it knows to look in?

[frosttree]

Hi Quentin, what if I want to use an image which is in a folder, for example “rose.png” in folder “flowers”, then what should be in src?

[Foreverppl]

Does anyone know how to get the image pixel dimensions to display in finder?

[jaque]

Doing everything yr doing...but when I refresh page ...there is just a tiny box with no image at all I am using Windows any help would be appreciated thx.

[skyvd]

Do u play league? I see a fizz picture behind :P

[sgwryan]

I was doin this, but when I put the img tag, and put the right file name with the right ending, my thing didn't pop up. is it because of he file location?

[mikej]

Nothing works to make the image appear. All I get is the border box. I noticed this guy leaves out a step sometimes and in his second video he says it is us, but I have found it is him, but that;s OK, it makes you work to figure things out which is a great way to learn. But this image tutorial does not work, I have tried all I can think of but I'm new to this so I just don't know aii paths I can take to make it work.

[muhammadhassan]

What if i dont know how to use PS, now, how can i reduce the file size of my Pictures ?