Why Use a List?

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> 

Figure 15.1. Screenshot of unstyled list.