5 important HTML concepts for beginners

🔗 Links


⌚ Timestamps
00:00 - Introduction
00:41 - HTML is our content
01:35 - head vs body
02:45 - Semantic HTML
03:29 - Categories of semantic HTML
06:59 - Divs
09:01 - Classes vs IDs
10:04 - Global attributes
11:25 - Element specific attributes
12:27 - ARIA and roles

#html
--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[mahadevovnl]

Please, to all newbies out there, use the W3C validator on your HTML. Too often have I seen things like <button><a and other monstrosities like that. Recently I saw another: <ul><div><a and so forth. There are tags that never nest for many good reasons. Basically: you generally don't nest a block element inside an inline element. And you never nest a <button> and an <a> because they each do very different things.

[jxclark]

As a teacher myself I really like how you refer to learning as a journey. It allows for mistakes and doesn’t put pressure to know everything right now. And this video is useful to me personally as I’m at the start of my web dev journey. Thanks!

[AlexMuscaria]

I find it actually easy to understand the single steps of HTML and CSS to learn but when it gets to a complex website its hard to keep the overview and find the right way to master all the different rules and technics of HTML and CSS.

Thanks for all the amazing tipps about the programming. I really love your clear and helpful way to teach.

Greetings from the southern part of germany

[TheMusicalHarmonee]

Just starting in my journey. Love your channel, so happy I found it! You make web development more exciting!

[hamm]

Hey Kevin, wonderful video! (as always!)

Quick feedback on your video editing: I like your (relatively) new use of zooming in on your face for effect! However it might have more effect if you zoom back out a little sooner than you currently are. In some of your shots, the zoom holds for a few seconds too long for my liking.

Just a thought! Keep up the great videos, happy holidays!

[tinmancode]

Keven you do such an amazing job showing us what we should be doing. Adding some visual cues to such explainer videos would be awesome though it means more work and all the headache that comes with that. Awesome video

[mezza]

You are the best instructor/lecturer so far. You made something so mind boggling to me, a bit easier to understand. . . :)

[JoppeKroon]

Something experienced Devs get wrong all the time is that a <section> has no semantic meaning unless you give it a label through aria-label or preferably aria-labelledby.

[lonelylosersclub]

So glad I came across your page. You break everything down and use great examples, especially for someone like me who’s not a fast learner. I really appreciate the time and effort you put into this. I wasn’t sure I could do this being 37 and trying to switch careers but your videos help a lot and give me hope thank you

[Mwtorres]

you have a very calming tone of voice. It literally calms me as I learn. Thanks

[polemin]

<heading> should be <header> at 4:14

[AmodeusR]

4:15 shouldn't the tag be header, instead of heading?

[mauricebuchi]

Thanks so much...i keep learning everyday on your channel

[Stoney_Eagle]

I just learned that the declaration of the doctype is nessesary to declare you are NOT writing for internet explorer and want to use the W3C spec complaint stuff.
No one willingly uses IE but we just can't get rid of it because it's still deeply rooted in windows.
I'm definitely appreciating standards that we can all follow, this makes everything soo much easier 😊

[OlinFernandes]

Very clean, clear and concise. 👏🏽
Thanks for this awesome video 👌🏽🤩

[adeisaac]

😊😊 That intro is always awesome., "Hello friends and friend...."

[Aaron-syyx]

Great video with great information. Thank you. The only thing I would correct is to not use div if you’re not sure but to use div when you are sure that you should use a div. Otherwise research the correct tag. Grabbing a div is too seductive and will result in poorly written sites because most people won’t come back later to fix it.

[sammackh]

understandable, fast. We respect you😀

[Pareshbpatel]

A great tutorial on the important concepts in HTML. Beautifully delivered. Thanks, Kevin

{2022-01-08}

[Taka-nqys]

I love your explanation and introduction, it helps a lot for a beginner like me. Which playlist should I check out after the "beginner" playlist?