Setting Up the HTML Code

The HTML code for this lesson is comprised of five main containers: an <h1> element, and three <div> elements inside an overall <div> container as shown in Listing 19.1.

Listing 19.1. HTML Code Containing the Markup for a Two-Column Layout

<div >     <h1>         Sitename     </h1>     <div >         <ul>             <li><a href="#">Home</a></li>             <li><a href="#">About us</a></li>             <li><a href="#">Services</a></li>             <li><a href="#">Staff</a></li>             <li><a href="#">Portfolio</a></li>             <li><a href="#">Contact us</a></li>         </ul>     </div>     <div >         <h2>             About Sitename         </h2>         <p>             Lorem ipsum dolor....         </p>         <p>             Ut wisi enim ad...         </p>     </div>     <div >         Copyright &copy; Sitename 2005     </div> </div>