HTML and CSS Reference
In-Depth Information
In Listing 13.1, you can see a redesign of the Dunbar Project home page, which uses
simple markup to store the site navigation, the content, the side navigation links, and the
page footer.
LISTING 13.1
Using <div> Tags to Create Sections for Positioning
<!-- dunbar-13.1.html -->
<html>
<head>
<title> The Dunbar Project </title>
</head>
<body>
<div id=”header”>
<h1> The Dunbar Project </h1>
<h2> In the Shadow of Downtown Tucson </h2>
<div id=”sitenav”>
<ol><li><a href=”index.html”> Home </a></li>
<li><a href=”about/”> About the Dunbar Project </a></li>
<li><a href=”gallery/”> Photo Galleries </a></li>
<li><a href=”donate/”> Donate </a></li>
<li><a href=”contact/”> Contact </a></li></ol>
</div> <!-- sitenav -->
</div> <!-- header -->
<div id=”main”>
<div id=”content”>
<h3> Welcome to The Dunbar Project Website </h3>
<img src=”DunbarTop.jpg” alt=”[Dunbar School]”>
<p> Dunbar School was completed in January 1918, for the
purpose of educating Tucson's African-American students.
The school was named after <a href=”poet.html”> Paul
Laurence Dunbar </a> , a renowned African-American poet.
African-American children in first through ninth grades
attended Dunbar until 1951, when de jure segregation was
eliminated from the school systems of Arizona. When
segregation in Arizona was eliminated, Dunbar School
became the non-segregated John Spring Junior High School,
and continued as such until 1978 when the school was
closed permanently. </p>
<!-- ... more content omitted ... -->
</div> <!-- content -->
<div id=”sidebar”>
<h3> Dunbar Project </h3>
<ol><li><a href=”plan/”> The Dunbar Site Plan </a></li>
<li><a href=”auditorium/”> Dunbar Auditorium </a></li>
<li><a href=”history/”> School History </a></li>
<li><a href=”proposal/”> Project Proposal </a></li>
<li><a href=”donors/”> Dunbar Donors </a></li>
<li><a href=”poet.html”> About Paul Laurence Dunbar,
Poet </a></li>
 
Search WWH ::




Custom Search