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> |
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.
| <H1
align="left">Esempio
1</H1>
<H3 align="center">Esempio 2</H3> <H5 align="right">Esempio 3</H5> |
Esempio 1Esempio 2Esempio 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.
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> |
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> |
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> |
Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra Paragrafo allineato a destra |
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> |
Paragrafo centrato Paragrafo centrato Paragrafo centrato Paragrafo centrato Paragrafo centrato |
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> |
TitoloParagrafo 1 Paragrafo 1 Paragrafo 1 Paragrafo 2 Paragrafo 2 Paragrafo 2 |
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> |
Paragrafo normale Paragrafo normale Paragrafo normale Paragrafo rientrato |
|
<DIV align="center"> <H3>Titolo</H3> <P> Paragrafo 1 Paragrafo 1 Paragrafo 1 </P> <HR> <P> Paragrafo 2 Paragrafo 2 Paragrafo 2 </P> </DIV> |
TitoloParagrafo 1 Paragrafo 1 Paragrafo 1 Paragrafo 2 Paragrafo 2 Paragrafo 2 |
|
<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> |
|
![]() |
![]() |