2 - Paragrafi

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
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>
</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
LINGUAGGIO HTML
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
LINGUAGGIO HTML
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>
</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

2 - Paragrafi

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

2 - Paragrafi

Uploaded by

Copyright:

Available Formats

LINGUAGGIO HTML

Linguaggio HTML - Paragrafi e allineamenti

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

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

Esempio 4: Creare una pagina con paragrafi

Esempio 5: Utilizzare il tag br

Esempio 6: Creare un documento con allineamenti e rientri

Elementi deprecati (specifica HTML 4.01 del W3C)

You might also like