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.
Challenge: Identify semantic problems - HTML Tutorial
From the course: Crafting Meaningful HTML
Challenge: Identify semantic problems
(upbeat music) - [Instructor] Now that you've learned all of these fabulous new tags that you can incorporate into your documents it's time for another challenge. And in this particular challenge I've given you this starting html document. It is unfortunately marked up the way I see many html documents marked up out there on the web today. So what I would like for you to do is I'd like for you to go ahead and read through the document. Notice I'm not putting in a web browser. I don't care what it looks like. This is about the html and how meaningful the html is to this particular document. Go on ahead and take a look at all this. Read through it and what I'd like for you to do is to think very carefully about how you could improve the mark up here in this document. There's, as always, never one right answer to all of this. But I will go ahead and give you my solution in the next video.
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
-
-
-