HTML & CSS Crash Course Tutorial #6 - HTML 5 Semantics

Hey gang, in this HTML & CSS tutorial for beginners we'll take a look at some of the newer HTML semantic tags, like section, article, header, nav and aside.

Course files:

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[albertvaldes]

Watched an entire ad just to help out this extremely valuable channel :)

[Vladimirtr]

You're amazing man, I love your courses <3, keep it up!

[TheChakriramoj]

How can you be this patient man👏👏👏.Explanations were very clear ❤️❤️❤️ Keep up the good work!!

[RafiIsrael]

incredible teaching skills, very clear and organized. thank you!

[FAVTHEDEV]

I really appreciate what you do for everyone who watches this channel, I am a 16 yr old who wants to make it big in the world of web development, and you have really helped me alot.Pls continue what you do.

[aiswarikamohapatra]

the only channel where i wouldnt mind watching the ads

[jaSoNel]

bro your work is amazing, i learn a lot of things from this, love ya <3

[PirateOfTheNorth]

I studied html way back in high school in 2007. I’m starting a course on Wordpress and I hadn’t heard of semantics before, I always was taught to use <div>. This video was so useful, thanks.

[shayokhshorfuddin]

Thanks a lot from the bottom of my heart man. My career as a developer heavily relies on you buddy! You are the best! ❤❤❤

[Azar]

Friendly happy clear voice and above all very efficient course, thank you, I should absolutely watch the entire ads to help this channel which is helping me a lot

[abrahamlouisgarcia]

This is what I'm looking for! Thanks for the clear explanation! :)

[soumadip_skyy_banerjee]

The best aspect of 🇬🇧: The Net Ninja❤️

[punkinpunker]

Found the ambiguity of semantics a little confusing, not being any strict rules to it. This definitely helped answer some questions I had in my head. Thank you :)

[fasinudennis]

No! No! No!..you are the best. Your courses are so exceptional and very fun. I don't slumber while having your course...much love.

[bachir-beyimene]

i really enjoy learning this here, i love how you make this all have a prefect sens thanks for the hard work, you are wonderful

[karimsabsabi]

Great job explaining everything! Respect!

[yinonb]

Best HTML & CSS Tutorial, explanations are greats and brights.

[cedric_ds]

The first image (img/banner.png) doesn't display when I use Live Server.
But if I put the exact same code outside of the <section> it displays.
Using the file protocol, it displays both in and outside of the <section>


Edit: the whole <section class="banner"> doesn't show using Live Server.


If I rename banner to anything else like banne without r, it works.

[StarBattle]

so are these semantics basically function the same? Like can you switch the <main> tag in the video to <section> ?

[jonathanhammond]

Great job Mario! I’ve added your video here to a full stack playlist. Hopefully it gets more clicks.