From the course: HTML and CSS: Linking
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Understanding proper navigation markup
From the course: HTML and CSS: Linking
Understanding proper navigation markup
- [Instructor] I've really been shocked looking at HTML for navbars around the web these days. If you're interested in semantic HTML mark up, the navbar is the easiest thing in the world because every navbar you will ever make from now on is going to have exactly the same mark up. It's an unordered list. All this is is a list of links. And despite what marketing has to say they don't actually have to go in any particular order. So an unordered list is the best way to mark up our navigation bar. The only question you might have is whether the nav tag should be wrapped around the whole thing or not. And if it's a major navbar on the page like the one that goes at the top of your webpage. It should have a nav tag around it. So let's walk through exactly what the proper mark up for every navbar that you will ever write for the rest of your life looks like in detail. So here I am in my code pan. I've started you off with five links here. And let's start by writing some mark up that goes…
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
-
-
-
-
(Locked)
Styling links and link states7m 1s
-
(Locked)
Making exceptions to link styling3m 12s
-
(Locked)
Styling a text link to look like a button4m 53s
-
(Locked)
Understanding proper navigation markup3m 14s
-
(Locked)
Creating a simple vertical navigation bar6m 27s
-
(Locked)
Creating a simple horizontal navigation bar5m 38s
-
(Locked)
-
-