Sams Teach Yourself CSS in 10 Minutes

At its most basic level, site navigation is simply a list of links to other pages in the site. So, a standard HTML list is the ideal starting point (see Listing 15.1). The resulting list is shown in Figure 15.1.

Listing 15.1. HTML Code Containing the Markup for a List

<ul > <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Staff</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Sitemap</a></li> </ul>