<!-- Escludiamo per compatibilità la
dichiarazione XML -->
<!-- Inseriamo il DOCTYPE e usiamo la DTD Strict -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- L'elemento html contiene l'attributo XHTML -->
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Inizia la testata del documento -->
<head>
<!-- Dichiariamo con un meta-tag la codifica dei caratteri
-->
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"
/>
<!-- Diamo un titolo al documento: è obbligatorio
-->
<title>X-blog</title>
<!-- Colleghiamo un foglio di stile esterno -->
<link type="text/css" rel="stylesheet" href="mainstyle.css"
/>
</head>
<!-- Fine della testata -->
<!-- Inizia il corpo del documento -->
<body>
<!-- Definiamo con l'elemento div le sezioni del documento
badando al corretto annidamento -->
<!-- Il div "sezprinc" contiene tutti gli altri. il suo tag di
chiusura è in fondo al documento-->
<div id="sezprinc">
<!-- Inizia la sezione "testata".-->
<div id="testata"><img src="xblog.gif" width="165"
height="65"
alt="logo xblog" /></div>
<!-- Fine della sezione "testata" -->
<!-- Inizia la sezione "menu" -->
<div id="menu">
<p><a href="#">home page</a> - <a href="#">about</a>
- <a href="#">archivi</a>
- <a href="#">contatti</a> -------------------- <a
href="#">e-m@il me</a></p>
</div>
<!-- Fine della sezione "menu" -->
<!-- Inizia la sezione "contenuto".
Essa contiene altre due sezioni, il tag di chiusura è alla fine -->
<div id="contenuto">
<!-- Inizia la sezione "navigazione"
-->
<div id="navigazione">
<!-- Con l'elemento h1 identifico il titolo della sezione
-->
<h1>sezione 1</h1>
<!-- Con p iniziano i link veri e propri -->
<p><a href="#">link 1</a></p>
<p><a href="#">link 2</a></p>
<p><a href="#">link 3</a></p>
<h1>sezione 2</h1>
<p><a href="#">link 1</a></p>
<p><a href="#">link 2</a></p>
<p><a href="#">link 3</a></p>
</div>
<!-- Fine della sezione "navigazione" -->
<!-- Inizia la sezione "post"-->
<div id="post">
<h1>Titolo 1</h1>
<h2>05/03/2002</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h1>Titolo 2</h1>
<h2>04/03/2002</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.</p>
</div>
<!-- Fine della sezione "post"-->
</div> <!-- Questo tag chiude la sezione "contenuto"
-->
</div> <!-- Questo tag chiude la sezione "sezprinc"
-->
</body>
</html>