<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Esempio di impaginazione realizzato tramite CSS
</title>
<link rel="stylesheet" type="text/css" href="stile1.css" />
</head>
<body>
<div id="testata">
<span id="titolo">Testata: nome del sito</span><br />
<span id="slogan">slogan del sito</span>
</div>
<div id="corpo">
<div id="corposin">
<div class="capo">
Menu di navigazione
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.01</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.02</a>
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.03</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.04</a>
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.05</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.06</a>
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.07</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.08</a>
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.09</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.10</a>
</div>
<div class="menu1">
<a href="cssforma.htm">Voce di menu n.11</a>
</div>
<div class="menu2">
<a href="cssforma.htm">Voce di menu n.12</a>
</div>
</div>
<div id="princip">
<div class="articolo">
Articolo n.1
</div>
<div class="data">
data e autore
</div>
<div class="testo">
sommario: testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo
</div>
<div class="leggi">
<a href="cssforma.htm">leggi il seguito</a>
</div>
<div class="articolo">
Articolo n.2
</div>
<div class="data">
data e autore
</div>
<div class="testo">
sommario: testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo
</div>
<div class="leggi">
<a href="cssforma.htm">leggi il seguito</a>
</div>
<div class="articolo">
Articolo n.3
</div>
<div class="data">
data e autore
</div>
<div class="testo">
sommario: testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo
testo testo testo
</div>
<div class="leggi">
<a href="cssforma.htm">leggi il seguito</a>
</div>
</div>
<div id="corpodes">
<div class="capo">
Link ad altri siti
</div>
<div class="gruppo">
Gruppo n.1
</div>
<div class="argo">
argomento
</div>
<div class="link">
<a href="cssforma.htm">collegamento n.01</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.02</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.03</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.04</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.05</a>
<div class="descri">
breve descrizione
</div>
</div>
<div class="gruppo">
Gruppo n.2
</div>
<div class="argo">
argomento
</div>
<div class="link">
<a href="cssforma.htm">collegamento n.06</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.07</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.08</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.09</a>
<div class="descri">
breve descrizione
</div>
<a href="cssforma.htm">collegamento n.10</a>
<div class="descri">
breve descrizione
</div>
</div>
</div>
<div id="piede">
<span class="gras">Pie' di pagina</span> (informazioni
sul diritto d'autore e sulla tutela della riservatezza)
</div>
</div>
</body>
</html>