Setting Up the HTML Code

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 id="container">
    <h1>
        Sitename
    </h1>
    <div id="nav">
        <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 id="content">
        <h2>
            About Sitename
        </h2>
        <p>
            Lorem ipsum dolor....
        </p>
        <p>
            Ut wisi enim ad...
        </p>
    </div>
    <div id="footer">
        Copyright &copy; Sitename 2005
    </div>
</div>