<!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>