From the course: Crafting Meaningful HTML

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Add semantic navigation

Add semantic navigation - HTML Tutorial

From the course: Crafting Meaningful HTML

Start my 1-month free trial

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,…

Contents