Sei sulla pagina 1di 4

LINGUAGGIO HTML

Paragrafi e allineamenti

Linguaggio HTML - Paragrafi e allineamenti


Argomenti trattati
Paragrafi e interruzioni di linea
o Esempio 4: Creare una pagina con paragrafi
o Esempio 5: Utilizzare il tag br
Allineamenti e rientri
o Esempio 6: Creare un documento con allineamenti e rientri
Elementi deprecati

Tag: body, p, div, br, center, blockquote


Paragrafi e interruzioni di linea
Un paragrafo è una porzione di testo che non contiene interruzioni di linea. Utilizzando un editor di
testo in ambiente Microsoft, un’interruzione di linea si ottiene premendo il tasto RETURN. Per
andare a capo senza interrompere la linea si utilizza la combinazione di tasti SHIFT+RETURN.
In HTML, per andare a capo interrompendo la linea, si utilizza il tag p come nel seguente esempio:

<body>
<p >
PARAGRAFO
</p>
</body>

dove il tag di chiusura </p> è opzionale, ma raccomandato.


In alternativa è possibile utilizzare il tag div:

<body>
<div>
PARAGRAFO
</div>
</body>

La differenza tra i due è che il tag p va a capo lasciando una riga vuota, mentre il tag div va a capo
senza lasciare righe vuote.
HTML consente di andare a capo senza interruzione di linea mediante il tag br:

</body>
TESTO
<br>
</body>

1
Autore: Bocchi Cinzia
Ultimo aggiornamento: 23/09/2008
LINGUAGGIO HTML
Paragrafi e allineamenti

Il tag br va a capo senza lasciare righe vuote. Inoltre, è possibile inserire n righe vuote utilizzando
n tag br.

Esempio 4: Creare una pagina con paragrafi


In questo esempio creiamo 4 paragrafi, i primi due utilizzando il tag p e gli ultimi due utilizzando il
tag div.
esempio4.html
<html>
<head>
<title> Esempio 4 </title>
</head>
<body>
<p> Primo paragrafo. </p>
<p> Secondo paragrafo. </p>
<div> Terzo paragrafo. </div>
<div> Quarto paragrafo. </div>
</body>
</html>

Esempio 5: Utilizzare il tag br


esempio5.html
<html>
<head>
<title> Esempio 5 </title>
</head>
<body>
<p> Il testo seguente va a capo. <br>
A questa riga seguono due righe vuote. <br>
<br>
<br>
Qui termina il paragrafo.
</p>
</body>
</html>

2
Autore: Bocchi Cinzia
Ultimo aggiornamento: 23/09/2008
LINGUAGGIO HTML
Paragrafi e allineamenti

Allineamenti e rientri
</body>
<p align= “allineamento”>
TESTO
</p>
</body>

L’attributo align del tag p consente di specificare l’allineamento per il paragrafo. Valori possibili di
allineamento sono:
- left (default);
- right;
- center;
- justify.

</body>
<div align= “allineamento”>
TESTO
</div>
</body>

L’attributo align del tag div consente di specificare l’allineamento per gli elementi racchiusi tra i
tag (non necessariamente paragrafi). Valori possibili di allineamento sono:
- left (default);
- right;
- center;
- justify.

</body>
<center>
TESTO
</center>
</body>

Il tag center allinea al centro qualsiasi elemento racchiuso tra i tag, non solo testo.

</body>
<blockquote>
TESTO
</blockquote>
</body>

3
Autore: Bocchi Cinzia
Ultimo aggiornamento: 23/09/2008
LINGUAGGIO HTML
Paragrafi e allineamenti

Il tag blockquote imposta un rientro sinistro e destro del testo. Si possono usare più tag
blockquote consecutivi. Utilizzato per contenere citazioni (tra virgolette), determina
un’interruzione di paragrafo e fornisce spazio sopra e sotto il testo.

Esempio 6: Creare un documento con allineamenti e rientri


esempio6.html
<html>
<head>
<title> Esempio 6 </title>
</head>
<body>
<p align="center">
Paragrafo allineato al centro.
</p>

<p>
Paragrafo con <div align="right"> porzione di testo
allineata a destra </div>
</p>
<p>
<center> Paragrafo centrato con center </center>
</p>
<p>
<blockquote> Paragrafo rientrato con blockquote
</blockquote>
</p>
</body>
</html>

Elementi deprecati (specifica HTML 4.01 del W3C)


Tag: center
Attributi del tag p
align
Attributi del tag div
align

Quest'opera è stata rilasciata sotto la licenza Creative Commons Attribuzione-Non commerciale 2.5 Italia. Per leggere una copia della
licenza visita il sito web http://creativecommons.org/licenses/by-nc/2.5/it/ o spedisci una lettera a Creative Commons, 171 Second
Street, Suite 300, San Francisco, California, 94105, USA.

4
Autore: Bocchi Cinzia
Ultimo aggiornamento: 23/09/2008