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.
Add semantic navigation - HTML Tutorial
From the course: Crafting Meaningful HTML
Add semantic navigation
- The next thing I'd like to add to my webpage is a navigation bar and if we think about a navigation bar, what exactly is it? It's just a list of links, right? They don't need to be in any particular order, we don't need to visit one thing first and one thing second, it's just a list of stuff. So, if we think about that, it's navigation which is a list of links, in no particular order, all of those things put together just described exactly what our mark ups should be. Inside of your exercise files folder you'll find this document, navigation.txt. These are going to be our navigation items for this page. I'm going to go ahead and copy those and I'm going to now add this to my document. Now, where this navigation should go, probably at the top of the webpage. It could go inside of our header but it doesn't have to. It could also go outside of our header as it's own thing, either way is just fine. You'll find developers code navigation bars both ways sometimes inside of the header tag,…
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
-
-
-