Guida al linguaggio HTML

4.7 HR -- linea orizzontale 


L'elemento HR e' usato per inserire una linea di divisione orizzontale attraverso lo schermo. Puo' servire per separare blocchi di testo, o per separare il testo del documento da una lista di bottoni e cosi via.

HR e' un elemento 'vuoto' (non serve la tag di chiusura </HR>).

dot1.gif (103 byte) 4.7.1 Esempio di HR

Di seguito trovate un'esempio sull'uso di <HR> e il risultato visivo (sul vostro browser).
Il seguente documento e' stato scannerizzato da una scatola di cereali.
Per vedere l'immagine, premete il bottone in fondo al testo ....
<HR>
<H1>
I FAMOSI CHOKEE-OS! </H1>
I cereali di tutti i bambini con carenze di cioccolato!
<p> Sei veramente un bimbo fortunato perche' i tuoi genitori ti amano abbastanza
da comprarti i CHOCKEE-OS!
<p> Ricordati di chiedere a Mamma e Papa' i NUOVI SUPER CHOCKEE-OS, adesso con Nicotina!!!
<HR>


Ecco come viene visualizzato questo esempio:

Il seguente documento e' stato scannerizzato dal una scatola di cereali. Per vedere l'immagine, premete il bottone in fondo al testo ....


I FAMOSI CHOKEE-OS!

I cereali di tutti i bambini con carenze di cioccolato!

Sei veramente un bimbo fortunato perche' i tuoi genitori ti amano abbastanza da comprarti i CHOCKEE-OS!

Ricordati di chiedere a Mamma e Papa' i NUOVI SUPER CHOCKEE-OS, adesso con Nicotina!!!


dot1.gif (103 byte) 4.7.2 Attributi di HR

I browser piu' moderni supportano quattro attributi per l'elemento HR. Essi sono:

  • SIZE="n" --specifica l'altezza della linea in pixel (n e' un intero).
  • WIDTH="n", or "n%" --specifica la larghezza della linea, in pixel o in percentuale della larghezza dello schermo (n e' un intero).
  • ALIGN="left", "right", "center" -- specifica l'allineamento della linea all'interno della pagina. Il valore di default e' center.
  • NOSHADE --Disegna la linea come una barra solida di colore -- di default la linea e' una barra ombreggiata.

Ecco alcuni esempi:
<hr size=4 width=80%>
<hr size=10 width=40>
<hr size=10 width=40 align="left">
<hr size=10 width=40 align="left" noshade>
<hr size = 5 width=20 align="right">
Che sono visualizzati cosi':







Indice HomePage