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.
Solution: Identify semantic problems - HTML Tutorial
From the course: Crafting Meaningful HTML
Solution: Identify semantic problems
(upbeat music) - [Narrator] So how'd you do with that particular challenge? Hopefully you were able to put into use a lot of those fabulous HTML tags that you didn't know about into this new document. As always, there are lots of solutions to this particular challenge. I'm going to give you my answers and I'll point out some areas where you might have a slightly different answer than I do along the way. So let's go ahead and get started. First of all, at the top of the document we have a header. The header has the name of the website inside of an H1 and then we have a nav bar. That nav bar is marked up with a nav tag because it's the main navigation for the website. It's in the form of an unordered list with all the links. And I put that nav bar inside of the header just to do something a little bit different this time. You could definitely leave that outside of the header as well as I did in an earlier example. Either way is fine, you'll see it both ways on the web. Next up is our…
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
-
-
-