Learn HTML5 - full course with code samples

HTML is one of the core building blocks on the web, as it's what holds the content on all the websites you visit. Thus, HTML is a must-have skill for all web developers.

While HTML is a huge subject, the basics can be learned quickly. This course aims at taking you from absolute beginner to proficient in HTML in less than an hour. Throughout the lectures, you'll be building a neat-looking website from scratch together with the brilliant instructor Eric Tirado.

What you'll learn in this web development html crash course:

- Intro to web architecture (0:00)
- HTML documents (4:25)
- Nesting (7:19)
- Head elements and scripts (11:23)
- Layout elements (17:33)
- Figure and image elements (20:28)
- Embedding videos (26:54)
- Navbar and list items (31:12)
- Headings (34:05)
- Text formatting (36:04)
- Tables (42:15)
- Links and final touches (49:27)

You can follow the creator on Twitter here:

--

[rakeshsonawane]

- Intro to web architecture (0:00)
- HTML documents (4:25)
- Nesting (7:19)
- Head elements and scripts (11:23)
- Layout elements (17:33)
- Figure and image elements (20:28)
- Embedding videos (26:54)
- Navbar and list items (31:12)
- Headings (34:05)
- Text formatting (36:04)
- Tables (42:15)
- Links and final touches (49:27)

[tendelhz]

More please. Finally some usefull video for noobs. Thank you!

[LearningSimplified]

Really appreciated the documentation you provided earlier. Great video with resources. Thanks!

[RynlTV]

how come when you link it to the css it changes the format or the design of the web page without coding the css? or u already prepared the css document for the data you input in the video??

[johnb]

Thanks - thorough explanation or the essentials in an easy to understand, engaging format. I appreciate the links to the source files.💻

[rongoeikibet]

Learnt some news tags. Good tutorial!

[mehmetemin]

great crash course, simple and useful.

[prateeksoni]

Very Useful...U guys are doing a great work

[dsuryas]

Make more videos like this. This is awesome!

[alexu]

if you want to kind of understand this you absolutely need to view the 2 hours HTML course

[vivekr]

Thanks for sharing this knowledge. I learnt a lot in an hour!

[starbrightinfinity]

Seems there are some mistakes in the CSS. There is no background-color: purple

[ForbiddenMusic]

21:30 you didn't use the ending slash on your link or meta tags (<meta /> <link />) because those are not needed in HTML5 but you are using it on your <img /> tag apparently? I learned on HTML 4.01 about 20 years ago so I was brushing up on my HTML5 specific things here and this could be confusing to beginners who never did HTML 4.01 or XHTML/Strict HTML

[ze_chooch]

Day 3 of becoming a web developer. I thoroughly completed another HTML basics video and have logged 8.5 hours of practice. Every hour goes by really fast! I also found myself spending my free time looking at cool websites, cool HTML, and writing down creative website ideas of my own that I will pursue after I learn the basics. Very fun!

[_Pars__]

<article> should be placed in the <section> you can not put header above sections!

[clanoftheducks]

I know it's nitpicking. But extension != filetype.

Sure in Windows you can presume that an .exe is an exe. But I could properly put an image in it and an image viewer on Linux would show it perfectly whilst Windows would have an field day with it.
The defining of an html document purely takes place in the document itself by defining the doctype.

[taherdarwesh]

what the name of this program you work on it i need to download it, thanks

[EvanMFitzGerald]

This video does not emphasize enough that html is only used for document structure, not appearance. Yes it is mentioned a few times, like break break spacing (shudder), but new students of HTML should not even be told that tags like b and i exist. Using them is a very bad idea and the best way to break a bad habit is to never get them started on it. Likewise they should be warned never to use inline styles in actual production because it makes the long term maintenance of a site into a nightmare.

[kimh]

At 8:13 what do you use to make it sync directly with the browser when saving the document? Is it the extention VSCode Browser Sync? I can't get mine to work and I think it is due to this requirement: "A web server supports proxy". I wonder if you are maybe using something else? I really would love if mine could work too. :)

[seanearnest]

How did he select the <td> tags and replace them with <th> all at once? Is there a keyboard shortcut I should be aware of? Thanks for the great info!