|
By Jennifer Kyrnin
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Tableless Web Pages</title>
<link href="zaa102102a.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin="0" leftmargin="0">
<div id="leftnavigation">
<h1>Left Navigation</h1>
<ul>
<li><a href="http://webdesign.about.com/">Home</a></li>
<li><a href="http://webdesign.about.com/library/weekly/aa102102a.htm">Tableless Browsing</a></li>
<li><a href="/cs/css/">CSS Links</a></li>
</ul>
</div>
<div id="content">
<h1>Sample Content</h1>
<p>
This is the content section of the page. As you can see, I'll use structural markup
like <p></p>, <strong></strong>, and <em></em>. This
will help keep the page valid in XHTML.
</p>
<p>
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
</p>
<h2>Lorem Ipsum</h2>
<p>
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
</p>
<p>
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
</p>
</div>
<div id="rightnavigation">
<h1>Right Navigation</h2>
<p>
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum. Lorem ipsum sit dolor amum.
</p>
<h2>Lorem Ipsum</h2>
</div>
</body>
</html>
Previous Features
|
