Struttura del testo

L'HTML fornisce una serie di tag che consentono di dividere il testo in sezioni per permettere una miglior leggibilità dello stesso.
Questi tag sono:

Intestazioni <H1> ... </H1>
Paragrafi <P> ... </P>
Interruzione riga <BR>
Blocchi <DIV> ... </DIV>
Rientri <BLOCKQUOTE> ... </BLOCKQUOTE>
Linee orizzontali <HR>

Intestazioni

Le intestazioni sono normalmente utilizzate per dare un titolo ad una determinata sezione del testo. Sono definiti 6 livelli differenti che vengono specificati dal numero che compare di seguito alla H.
È possibile con l'attributo align= specificare l'allineamento che si desidera.

Ecco alcuni esempi:

<H1 align="left">Esempio 1</H1>
<H3 align="center">Esempio 2</H3>
<H5 align="right">Esempio 3</H5>
- Netscape: Guida HTML _ X

Esempio 1

Esempio 2

Esempio 3

Se l'attributo align= non viene specificato l'intestazione viene normalmente allineata a sinistra, ma alcuni browser (ad es. Lynx) allineano in modo differente i diversi livelli di intestazione.

Paragrafi

Il tag <P> divide il testo in paragrafi separandoli con una riga orizzontale vuota. Anche con esso sono utilizzabili gli attributi di allineamento visti per le intestazioni, con in più, ma solo per i browser più recenti, l'attributo "justify".
Il tag di chiusura </P> è opzionale ma può essere utile per una maggior chiarezza nel file sorgente HTML.
Ecco alcuni esempi

<P align="left">
Paragrafo allineato a sinistra
Paragrafo allineato a sinistra
Paragrafo allineato a sinistra
Paragrafo allineato a sinistra
Paragrafo allineato a sinistra

</P>
- Netscape: Guida HTML _ X
Paragrafo allineato a sinistra Paragrafo allineato a sinistra Paragrafo allineato a sinistra Paragrafo allineato a sinistra Paragrafo allineato a sinistra



<P align="center">
Paragrafo centrato
Paragrafo centrato
Paragrafo centrato
Paragrafo centrato
Paragrafo centrato

</P>
- Netscape: Guida HTML _ X
Paragrafo centrato Paragrafo centrato Paragrafo centrato Paragrafo centrato Paragrafo centrato




<P align="left">
Paragrafo allineato a destra
Paragrafo allineato a destra
Paragrafo allineato a destra
Paragrafo allineato a destra
Paragrafo allineato a destra

</P>
- Netscape: Guida HTML _ X
Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra



Interruzione riga

Negli esempi precedentemente esposti si può osservere come all'interruzione della riga nel file sorgente HTML non corrisponda un'interruzione nella visualizzazione del browser.
È possibile chiudere una riga e passare alla successiva tramite il commando <BR>.
Esempio:
<P align="center">
Paragrafo centrato <BR>
Paragrafo centrato
Paragrafo centrato
Paragrafo centrato
Paragrafo centrato

</P>
- Netscape: Guida HTML _ X
Paragrafo centrato
Paragrafo centrato Paragrafo centrato Paragrafo centrato Paragrafo centrato



Per contro quando si desidera che una parte del testo sia contenuta in un'unica riga lo si deve includere tra i tag <NOBR> ... </NOBR>.
Per creare delle interruzioni all'interno del testo compreso tra questi comandi si può utilizzare il tag <WBR>.

Blocchi

Con il tag <DIV> è possibile creare blocchi di elementi. Questo comando è stato introdotto dalla versione HTML 3.2 e consente di utilizzare le opzioni di allineamento per tutti i tag racchiusi tra l'apertura e la chiusura dello stesso.
È quindi molto comodo quando si devono allineare più tag allo stesso modo in quanto consente di non ripetere align= per ogni comando (tra l'altro alcuni tag non supportano tale opzione).
Esempio:
<DIV align="center">
<H3>Titolo</H3>
<P>
Paragrafo 1 Paragrafo 1 Paragrafo 1
</P>
<P>
Paragrafo 2 Paragrafo 2 Paragrafo 2
</P>
</DIV>
- Netscape: Guida HTML _ X

Titolo

Paragrafo 1 Paragrafo 1 Paragrafo 1

Paragrafo 2 Paragrafo 2 Paragrafo 2




Rientri

Il tag <BLOCKQUOTE> consente di creare dei blocchi di testo rientrati.
Esempio:
Paragrafo normale<BR>
Paragrafo normale<BR>
Paragrafo normale<BR>
<BLOCKQUOTE>
Paragrafo rientrato<BR>
Paragrafo rientrato<BR>
Paragrafo rientrato<BR>
</BLOCKQUOTE>
- Netscape: Guida HTML _ X
Paragrafo normale
Paragrafo normale
Paragrafo normale
Paragrafo rientrato
Paragrafo rientrato
Paragrafo rientrato

Linee orizzontali

Per dividere il testo in sezioni può essere utilizzato il tag <HR>.
Questo tag, al quale non è associato nessun tag di chiusura, non ha nella versione HTML 2.0 nessun attributo e genera una riga orizzontale larga quanto lo schermo.
Esempio:
<DIV align="center">
<H3>Titolo</H3>
<P>
Paragrafo 1 Paragrafo 1 Paragrafo 1
</P>
<HR>
<P>
Paragrafo 2 Paragrafo 2 Paragrafo 2
</P>
</DIV>
- Netscape: Guida HTML _ X

Titolo

Paragrafo 1 Paragrafo 1 Paragrafo 1


Paragrafo 2 Paragrafo 2 Paragrafo 2




Con la versione 3.2 sono stati inseriti alcuni attributi ed in particolare:
size=: specifica lo spessore della riga in pixel (spessore standard=2);
width=: specifica la larghezza della riga in pixel o in percentuale rispetto alla larghezza dello schermo;
align=: consente di allineare la riga a sinistra, al centro o a destra (se non specificato la riga viene centrata);
noshade: traccia la riga in nero senza ombreggiatura.
Esempi:
<HR size="2" width="20">
<HR size="8" width="40">
<HR size="16" width="50%">
<HR width="20" align="left" noshade>
<HR width="40"align="left" noshade>
<HR width="50%"align="left" noshade>
- Netscape: Guida HTML _ X









Indietro Avanti