Home Page Indietro


Siete sicuri di voler leggere questa pagina ora?? Se state ancora imparando ritornate più tardi. Se invece sentite di avere già confidenza leggete pure ora!


Linee vuote

Molte persone usano il tag <P> come tag singolo, ossia mettono <P> ogni volta che vogliono lasciare una riga vuota. Il tag paragrafo può però essere utilizzato in coppia ...

<P> ... </P>

Usando il tag paragrafo accoppiato potete usare i seguenti attributi al fine di allineare il paragrafo a sinistra (situazione normale / default), in centro (in alternativa al tag CENTER) o a destra.

Viene fatto in questo modo ...

Ho usato la combinazione di tag <P ALIGN=LEFT> ... </P> al fine di allineare il paragrafo alla sinistra della finestra del browser.

Ho usato la combinazione di tag <P ALIGN=CENTER> ... </P> al fine di allineare il paragrafo al centro della finestra del browser.

Ho usato la combinazione di tag <P ALIGN=RIGHT> ... </P> al fine di allineare il paragrafo a destra della finestra del browser.

Provate a ridimensionare la finestra per capire l'effetto generato dai tag sulla visualizzazione del paragrafo.

Ora, dopo aver detto tutto questo, io userò sempre il tag <P> come tag singolo. Ovvero, uso <P> ogni qualvolta voglio lasciare una linea vuota, senza preoccuparmi di usarlo in coppia <P> ... </P>. Perchè? Ve lo sento chiedere ... perchè se volete centrare potete usare il tag CENTER e personalmente non sento mai la necessità di giustificare tutto a destra il testo! Ovviamente scherzo e se volete farlo ora siete in grado.

Il codice per giocare con il tag paragrafo quindi è il seguente:

TAG Effetto
<P> Il modo più facile per iniziare un nuovo paragrafo e generare una linea vuota.
<P ALIGN=LEFT> ... </P> Allinea il paragrafo a sinistra della finestra del browser.
<P ALIGN=CENTER> ... </P> Allinea il paragrafo al centro della finestra del browser.
<P ALIGN=RIGHT> ... </P> Allinea il paragrafo a destra della finestra del browser.


Interruzione di linea

Esistono tre attributi che possono essere usati con il tag <BR>.

<BR CLEAR=ALL>

<BR CLEAR=LEFT>

<BR CLEAR=RIGHT>

Questi tag vengono usati insieme ai tag delle immagini quando si desidera che il testo appaia sotto o a sinistra o a destra di una immagine.

Il codice per giocare con il tag di interruzione di linea è il seguente:

TAG Effetto
<BR> Inizia una nuova linea senza lasciare una linea vuota di spazio.
<BR CLEAR=ALL> Interrompe la linea e sposta verticalmente verso il basso la parte successiva del documento sino a quando trova un'intera linea libera.
<BR CLEAR=LEFT> Interrompe la linea e sposta verticalmente verso il basso la parte successiva del documento sino a quando trova un margine sinistro libero.
<BR CLEAR=RIGHT> Interrompe la linea e sposta verticalmente verso il basso la parte successiva del documento sino a quando trova un margine destro libero.


Linea Orizzontale

Si è già visto il tag singolo <HR> che disegna una linea singola lunga quanto la finestra del browser, come qui sotto:


E' possibile fare in modo che questa linea sia della lunghezza desiderata:


E' possibile fare in modo che essa sia nera:



E' possibile modificare lo spessore:



E' anche possibile creare dei simpatici effetti come questi ...


oppure




Il codice per gestire i tag di linea orizzontale è il seguente:

<HR WIDTH=n% SIZE=n ALIGN=LEFT|RIGHT NOSHADE>
TAG/Attributo Effetto
<HR> Inserisce una linea orizzontale lunga quanto la finestra del browser
WIDTH=n% Si usa questo per modificare la lunghezza della linea rispetto alla finestra del browser
SIZE=n Si usa questo per modificare lo spessore della linea (il valore rappresenta il numero di pixel)
ALIGN=LEFT|RIGHT La linea orizzontale normalmente è posizionata al centro della finestra. Usando ALIGN è possibile cambiare il posizionamento all'interno della finestra.
NOSHADE Aggiungendo questo attributo la linea viene visualizzata nera

<HR SIZE=1> produce la linea orizzontale nera usata in questo corso.