From the course: Crafting Meaningful HTML
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Understand the head code - HTML Tutorial
From the course: Crafting Meaningful HTML
Understand the head code
- All right so we just put our content from CodePen into a brand new fresh HTML document. And I said this was so that you can see what's going on in the head of the document. So I wanted to talk through now what actually goes in the head of the document. What are all these lines of code that we have here. So, first of all, in the very first line of code here in Line one. This is a doc type declaration. When you see a doc type that looks like this, this indicates that this document is written with HTML5. As you can tell from the number, there have been other versions of HTML. There's been an HTML 4, and an HTML 3, and so forth. An HTML 5 is pretty much what everybody is using these days. It's been out about 10 years now. But you may occasionally see a different a doc type at the top of the document. Make sure this goes here that tells the browser exactly how to render your code. The second line, line 2, is the start of our HTML document and so it starts here with HTML. And if you…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Move your code from CodePen to Visual Studio Code (VS Code)2m 53s
-
(Locked)
Understand the head code4m 21s
-
(Locked)
Add semantic navigation5m 23s
-
(Locked)
Add images, figures, and figure captions5m 59s
-
(Locked)
Add footers with address, time, and date9m 13s
-
(Locked)
Add quotes, line breaks, and citations6m 11s
-
(Locked)
When to use div and span elements4m 55s
-
(Locked)
Challenge: Identify semantic problems1m 4s
-
(Locked)
Solution: Identify semantic problems5m 43s
-
-
-