L'elemento DIV

Guida al linguaggio HTML

6.1 L'elemento DIV

L'elemento DIV permette di unire in un blocco altri elementi ti tipo blocco di testo, e associarli tra loro. Ha dei fini pratici -- DIV puo' assumere l'attributo ALIGN, e tutti i blocchi (P, BLOCKQUOTE, ecc.) dentro all'elemento DIV prenderanno le caratteristiche di allineamento specificate in DIV. Strutturalmente, DIV puo' avere anche l'attributo CLASS, che viene usato per specificare il significato semantico del blocco di testo. Ad esempio <DIV CLASS="abstract"> ..... </DIV> potrebbe essere usato per definire un blocco di testo come astratto. E' molto utile per l'organizzazione del testo, e viene usato regolarmente dagli autori HTML professionisti.

6.1.1 Esempio di DIV
Di seguito trovate un esempio di DIV (seguito dalla sua dimostrazione visiva sul vostro browser):

<DIV ALIGN="center" CLASS="blocco_test">
<h3> Intestazione -- come e' allineata?</h3>
<P>Ecco il primo paragrafo. Apparira' centrato se
     il vostro browser supparta l'elemento DIV.
<P ALIGN="left">
     Il secondo paragrafo dovrebbe apparire allineato a sinistra,
     dato che l'attributo ALIGN del paragrafo dovrebbe sovrapporsi
     a quello specificato in DIV.
</DIV>
Qui c'e' un po' di testo che avanza. Se il vostro browser non supporta
DIV questa linea sara' attaccata al paragrafo precedente.

...ed ecco il risultato:

Intestazione -- come e' allineata?

Ecco il primo paragrafo. Apparira' centrato se il vostro browser supparta l'elemento DIV.

Il secondo paragrafo dovrebbe apparire allineato a sinistra, dato che l'attributo ALIGN del paragrafo dovrebbe sovrapporsi a quello specificato in DIV.

Qui c'e' un po' di testo che avanza. Se il vostro browser non supporta DIV questa linea sara' attaccata al paragrafo precedente.