In qualsiasi documento, di norma, insieme ai titoli c'è anche del testo normale.
Nella stampa "tradizionale" il testo viene diviso in blocchi, i capoversi (che gli inglesi chiamano paragraph), al fine di dividerlo in unità concettuali e aumentare la leggibilità.
Anche un documento Html può essere diviso in capoversi.
L'elemento <P> serve per inserire un'interruzione di
paragrafo all'interno del testo. Quando un browser incontra un tag
<P>, manda il testo a capo e aggiunge una spaziatura
verticale fra la riga appena terminata e la riga successiva.
Se noi scriviamo in questo modo:
<HTML>
<HEAD>
<TITLE>Paragrafi </TITLE>
</HEAD>
<BODY>
Questa é la prima riga. Questa e` la seconda.</BODY>
Per rimediare a ció si inserisce un'interruzione di paragrafo:
<BODY>
<P>Questa é la prima riga
<P>Questa é la seconda.
</BODY>
... e questo e' il risultato:
Questa e` la prima riga.
Questa e` la seconda.
Si deduce quindi che l'Html visualizza i capoversi separandoli in funzione dell'istruzione <P> e non degli "a capo" con tastiera che dovessimo inserire nel nostro file. Anche il marcatore <P> può avere degli attributi di tipo align.
Se nel paragrafo usiamo l'attributo align, dobbiamo necessariamente usare </P> per la chiusura del paragrafo stesso.
<P align=center>Ciao<\P>
<P align=right>Ciao<\P>
<P align=left>Ciao<\P>
Ciao
Ciao
Ciao
L'elemento <BR>.
Un altro marcatore che riguarda la gestione dei capoversi è <BR> (abbreviazione di break). La sua funzione è quella di spezzare una riga, producendo un "a capo", ma senza introdurre una riga vuota e senza interrompere l'unità concettuale del capoverso ( e nemmeno la sua impaginazione; ovvero un capoverso allineato a destra, ad esempio, continuerà ad essere allineato a destra, fino al marcatore </P>, anche se contiene uno o più <BR>):
<BR> non ha un marcatore di chiusura in quanto indica semplicemente il punto in cui intervenire. Ricorrendo a più marcatori <BR> in sequenza si possono creare delle spaziature verticali.
L'elemento <HR> permette di introdurre una linea separatrice tra i paragrafi lunga quanto la larghezza della finestra del browser. Si noti che tale linea, a differenza di altri oggetti che possono essere introdotti come separatori tra sezioni (ad esempio, piccole immagini), è di gomma, nel senso che si allarga o si stringe al modificarsi delle dimensioni della finestra stessa. Si tartta comunque di un'istruzione "secca" che non richiede tag di chiusura.
E' possibile comunque utilizzare delle istruzioni specifiche nei tag HR se vogliamo che le nostre righe, abbiamo a video, un aspetto predefinito. Alcuni attributi applicabili sono:
<HR size="n">
<HR size="10">
Quando si vogliono allineare contemporaneamente più capoversi, e altri elementi HTML che vedremo in seguito, come le tabelle, si può ricorrere al tag <div>. Anche in questo caso la sintassi è molto semplice:
<div align="left | center | right"> ... </div>
(es.: <div align="center">Prova</div>)
Le versioni più vecchie di alcuni browser non riconoscono il comando <div>, introdotto relativamente di recente, ma un altro tag (<center>) che però non fa parte delle specifiche HTML standard. Per assicurare la massima compatibilità alle proprie pagine, vemgono inseriti entrambi. Es.:
<div align="center"><center>Prova</center></div>
Doveroso notare che, nel nostro esempio, avremmo ottenuto lo stesso effetto con un assai più semplice <p align="center">Prova</p>. Il tag <div>, comunque, si mostrerà più utile in seguito.