HTML & CSS for Beginners Part 6: Images

How to add images to your website, from the image tag to alt text and a little bit more!

This video is part of a large series introducing HTML & CSS to people who have never used it before. The goal of this series is to give you a good enough understanding of HTML and CSS to let you build your first website on your own!

----

[snowbird]

I notice the more and more I go through The Odin Project each following video there are less and less views. That would insinuate that there is a high drop off rate fast. If you have made it this far, keep up the good work.

[mk-hjeu]

The fact that TOP recommends a lot of your videos as part of the course says a lot. Congratulations on the great work Kevin! Learning a lot from you!

[briguy]

Hello from The Odin Project! Love your videos so far. Where my fellow Odinians

[X--Ripper]

Loving your videos and the Odin Project!

[sgtkeebler]

My odin project alt text was "All hail Charles the pug. May our overlord and all his pugginess rule eternally".

[history_shade]

this has really helped me understand the image from odin. thank you.

[baliDOTid]

u're good at explaining and ur voice/intonation is nice to listen to

[Bonnema_Bunch]

I already know html and CSS but going through your videos is helping reinforce my knowledge. AND also make the skills stronger

[umiterdemyigitoglu]

thank yu for talking about importance of alt atribute for screen readers

[ThePipingViking]

Lets keep going Odinites! slow and steady wins the race as long as you stay consistent!

[IG-cu]

I really appreciate the depth and intricate details you include when talking about tags and attributes. There's a lot of people who skim over these minor details which might course the learner to make mistakes later on without realising it.

[daboi]

1:04
"And that's it! That's an image tab"
"but there's something missing OBVIOUSLY"
Why do i find this so funny

[dekenparker-lynch]

Refreshing my mind with things and your bringing back that excitement 👍🏾

[mike-ydfv]

Bro your course is so amazing! Thank you so much! :)

[deepaksai]

Hey powell, Thanks for the contribution.

[marvellousoluwagbenga]

@Kevin Powell. When inserting images on my webpage through VS code it always indicates I put something like this (jpg.jpg). For example <Img src=“phonia.jpg.jpg”>. Befor it works..
Pls help me

[Anonymous-ziwr]

Kevin, do you have a video that explains everything about sizing images?

[franklinmayad]

Thank you & Godbless You
I Learn the Basic and Simple to Make Website
Simple Explanation and Simple to Understand

[cannabisanomaly]

I'm coming from Codecademy and they strongly suggest your alt texts be as objective as possible. How strongly should we adhere to that, in your opinion? For example, you including "beautiful" in sunset would go against Codecademy's suggestion. I think it's a little silly, but I'm just curious how many other people follow that guideline

[sudipsingh]

what is /400/400 in that absolute img tag there?is that height and width? can we use that?