2- Paragrafi

LINGUAGGIO HTML Paragrafi e allineamenti

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

1

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>



2

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>



3

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>



4

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.

2- Paragrafi

Documents

Transcript of 2- Paragrafi