📒 Get the Only Tags you need to know (for now) cheat sheet here: https://kevin-powell.ck.page/0399076ad3
When you’re first learning HTML, it starts nice and simple, often with a paragraph tag and then heading tags. Then you add in lists, links, images, em and strong, and the list of elements just keeps getting longer and longer.
So in this video, I’m looking at the 20-25 essential elements that are good to know early on, grouping them into three categories to help simplify things even more.
You’ll need more than just these over time, but when you’re just starting, this is more than enough to get you going 🙂.
🔗 Links
✅ The cheat sheet: https://kevin-powell.ck.page/0399076ad3
✅ My HTML & CSS for beginners playlist: https://www.youtube.com/playlist?list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-
⌚ Timestamps
00:00 – Introduction
00:47 – The categories
02:15 – DOCTYPE
02:40 – html
03:07 – head and body
03:50 – title
04:11 – style and link
05:01 – tags vs elements
05:32 – paragraphs and headings (h1 to h6)
07:05 – ordered and unordered lists, and list items
07:42 – strong and em
08:49 – the a tag (links)
09:42 – span
10:39 – layout related elements
11:09 – the main
11:36 – header
12:19 – footer
12:44 – nav
13:22 – article
14:08 – section
14:44 – multiple headers and footers
15:34 – div
#css
—
Come hang out with other dev’s in my Discord Community
💬 https://discord.gg/nTYCvrK
Keep up to date with everything I’m up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 https://www.twitch.tv/kevinpowellcss
—
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
—
My editor: VS Code – https://code.visualstudio.com/
—
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.
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
—
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
