Creare paragrafi e blocchi di testo
File di esempio: esempio5.htm
Per mandare a capo del testo, all'interno del codice HTML si
devono inserire degli appositi TAG, che sono <BR>,
<PR> o <DIV>. Hanno significato diverso
e vengono utilizzati anche per creare dei paragrafi o blocchi di
testo con formattazioni particolari.
- Il TAG <BR> equivale ad una semplice
interruzione di riga, che non spezza il paragrafo.
Infatti, il testo che segue va a capo ma mantiene le stesse
caratteristiche del testo precedente. Inoltre non si creano spazi
vuoti tra le righe.
- Il TAG <P> crea una interruzione di paragrafo.
Può essere usato singolo ma è consigliabile sempre
nella forma <P>...<P> in modo da racchiudere il
paragrafo.
Utilizzando questo TAG il testo successivo va a capo lasciando
una riga vuota ed il paragrafo recchiuso può essere
formattato con attributi ed allineamenti diversi dal
precedente.
- Il TAG <DIV> serve a creare un blocco di testo
con formattazione omogenea. Deve sempre essere chiuso dal
TAG </DIV>. Ha un comportamento intermedio tra <B> e
<P> in quanto permette di creare un paragrafo con
formattazione omogenea come <P>, ma non viene creato uno
spazio vuoto tra il nuovo testo e quello precedente, come avviene
con <B>.
Allineamenti e Rientri
File di esempio: esempio6.htm
Allineamenti
Per impostare gli allineamenti che valgono paragrafo per
paragrafo, si possono usare i seguenti metodi:
- Utilizzare l'attributo ALIGN nel TAG <P>
mediante la sintassi
<P
ALIGN="valore">...</P>
Esempi:
- <P
ALIGN="left">...</P>
Allineamento a sinistra (che è poi quello predefinto e
quindi è un attributo inutile da specificare)
- <P
ALIGN="center">...</P>
Allineamento al centro
- <P
ALIGN="rigth">...</P>
Allineamento a destra
- <P
ALIGN="justify">...</P>
Allineamento giustificato. Attenzione però perchè
non tutti i browser sono in grado di interpretarlo
correttamente.
- Utilizzare l'attributo ALIGN nel TAG <DIV>
mediante la sintassi
<D
ALIGN="valore">...</P>
E' quindi analogo all'attributo ALIGN del TAG <P> con la
differenza però che si applica a tutto un blocco di testo,
al cui interno possono esserci dei paragrafi (creati con
<P>) annidati.
Rientri
Per quanto riguarda i rientri, non si hanno molte
possibilità. Infatti è possibile utilizzare solo in
TAG <BLOCKQUOTE> per impostare un rientro a sinistra. E'
possibile sommare più rientri BLOCKQUOTE consecutivi:
ognuno provoca un rientro di circa 1cm rispetto al margine
sinistro.
Non è possibile definire un rientro destro. L'unica
soluzione può essere il ricorso all'uso di tabelle, che
vedremo più avanti.
Testo preformattato
Esiste poi la possibilità di definire un paragrafo con una
formattazione stabilita. La sintassi è la seguente
<PRE>...</PRE>
Il testo racchiuso viene rappresentato come un nuovo paragrafo,
in carattere a spaziatura fissa e rispettando il modo in cui
è stato digitato nel documento HTML: vengono mantenuti gli
spazi, i ritorni a capo e gli allineamenti, così come sono
stati scritti nel codice HTML.
Inserimento di una riga orizzontale
File di esempio: esempio7.htm
Per inserire una riga orizzontale si usa il TAG <HR> che
non necessità del TAG di chiusura e che accetta i seguenti
attributi:
- WIDTH="valore"
con il quale stabilire la larghezza della linea, ossia la sua
estensione in orizzontale. Può espresso in pixel
(esempio <HR WIDTH="500">) oppure in percentuale
rispetto alla larghezza della finestra del browser (esempio
<HR WIDTH="80%">).
- ALIGN="valore"
se la linea non occupa tutta la finestra, ovvero mediante
l'attributo ALIGN si è fissato un valore WIDTH, allora
è possibile definire l'allineamento ed i valori previsti
sono: left, center o rigth
- SIZE="valore"
E' utilizzato per definire lo spessore della linea. Il valore
è espresso da un numero intero (in numero di pixel), a
partire da 1 (predefinito).
- HEIGHT="valore"
E' analogo a SIZE e può essere usato in alternativa.
- NOSHADE
E' utilizzato senza valori e serve per far apparire una linea
piatta, senza l'ombreggiatura tridimensionale che avrebbe di
default.
- COLOR="#codice_colore"
Utilizzato per assegnare un colore alla linea. Il codice colore
è sempre espresso da un numero esadecimale.
NOTA BENE: questo attributo funziona solo con Internet
Explorer
