Learn HTML5 - full course with code samples

preview_player
Показать описание

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:

--

Рекомендации по теме
Комментарии
Автор

- 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)

rakeshsonawane
Автор

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

tendelhz
Автор

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

LearningSimplified
Автор

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??

RynlTV
Автор

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

johnb
Автор

Learnt some news tags. Good tutorial!

rongoeikibet
Автор

great crash course, simple and useful.

mehmetemin
Автор

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

prateeksoni
Автор

Make more videos like this. This is awesome!

dsuryas
Автор

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

alexu
Автор

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

vivekr
Автор

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

starbrightinfinity
Автор

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

ForbiddenMusic
Автор

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!

ze_chooch
Автор

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

_Pars__
Автор

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.

clanoftheducks
Автор

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

taherdarwesh
Автор

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.

EvanMFitzGerald
Автор

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. :)

kimh
Автор

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!

seanearnest
welcome to shbcf.ru