HTML and CSS Reference
In-Depth Information
links will be configured using an unordered list. As you code the XHTML document,
you will place the elements on the page and assign
id
and
class
values that correspond
to the areas in the sketch in Figure 7.12. Launch Notepad and type in the following
XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Door County Wildflowers</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div id="container">
<div id="logo">
<h1>Door County Wildflowers</h1>
</div>
<div id="left">
<ul
class="navBar"
>
<li><a href="index.html">Home</a></li>
<li><a href="spring.html">Spring</a></li>
<li><a href="summer.html">Summer</a></li>
<li><a href="fall.html">Fall</a></li>
<li><a href="winter.html">Winter</a></li>
</ul>
<img
class="sideimages"
src="plsthumb.jpg" width="100"
height="100" alt="Showy Pink Lady Slipper" />
</div>
<div id="right">
<h4>The Ridges</h4>
<p
class="newsitem"
>The Ridges Nature Sanctuary offers wild
orchid hikes during the summer months. For more info, visit
<a href="http://www.ridgesanctuary.org">The Ridges</a>.</p>
<h4>Newport State Park</h4>
<p
class="newsitem"
>The Newport Wilderness Society sponsors free
meadow hikes at 9am every Saturday. Stop by the park office to
register.</p>
</div>
<div id="center">
<p>Wisconsin's Door County Peninsula is a unique, ecologically
diverse place with upland and boreal forest, bogs, swamps, sand
and rock beaches, limestone escarpments, and farmlands.</p>
<p>A wide array of wildflowers grow in the county because
of this variety of ecosystems.</p>
<img src="trillium.jpg" width="200" height="150" alt="Trillium"
id="floatright"
/>
Search WWH ::
Custom Search