The Structure of HTML Documents

► HTML code is written in structured HTML documents. These start with a DOCTYPE declaration which instructs the browser that the page is written in HTML. We then have a root HTML element that contains a head and body. The head holds special information, including the page title and links to style sheets, and the body holds the web page's content which displays in the browser. In this video, we will examine each of these elements and construct a full HTML structure from scratch. ► Timestamps: 0:00 Start 0:37 The index.html file 1:27 Emmet shortcut for creating a HTML5 boilerplate 1:50 The HTML5 boilerplate 2:17 Live server 2:42 Adding content inside the body 4:04 Examining the structure of an HTML file 4:46 The head 5:33 The body 5:55 Meta tags 6:54 The DOCTYPE declaration 7:14 Adding more content 8:20 Heading tags h1 - h6 10:00 Coding the HTML boilerplate from scratch 12:59 Add content yourself 13:45 Commenting 14:56 Summary ► Links used in the video: Understanding the Index.html Page on a Website: https://www.lifewire.com/index-html-page-3466505 Emmet: https://emmet.io/ Emmet in VS Code: https://code.visualstudio.com/docs/editor/emmet :root: https://developer.mozilla.org/en-US/docs/Web/CSS/:root ► The HTML for Absolute Beginners Playlist: https://www.youtube.com/playlist?list=PL4cTxE4s2XIYJL6uPQUwMt25M70gPl-O6 ► Social Media: https://www.twitter.com/craigabourne https://www.instagram.com/craigabourne ► Code & Projects: https://github.com/craigabourne https://codepen.io/craigabourne