come inserire semplici divisori orizzontali in HTML

Ecco in pochissimi tag come si ottengono delle bellissime linee di divisione o meglio dei divisori si orizzontali di un testo o di un argomento, in una pagina di tipo html..

Partiamo dalla creazione della riga e del suo spessore:
Come prima opzione e' quella di avere righe di spessore diverso usando l'opzione:

Codice:

 

<hr size=N>



dove N indica lo spessore della linea in pixel.

Ecco qui alcuni esempi:

Codice:

<hr size=2> => che ha lo stesso effetto di => <hr>

oppure
<hr size=8>

altrimenti
<hr size=20>

Passiamo adesso alla lunghezza dei divisori:
L'altra opzione per il tag

---

e' quella di aggiustare la larghezza del divisore, che non deve necessariamente allungarsi per l'intera pagina oppure per l'intero testo, ma quanto basta per dare l'impressione al lettore di aver separato i due spezzoni del argomento oppure del testo.

Lo può fare usando questa formattazione semplice semplice:

Codice:

 

<hr width=X>
<hr width=Z%>



dove la X e' un numero di pixel per la larghezza del divisore e Z e' la percentuale della pagina web corrente, esempio 100.

Io vi consiglio di usare la percentuale, per indicare il Z, in modo che si adatti da sola all'ampiezza della finestra della persona che sta leggendo le vostre pagine.

Ecco alcuni esempi di divisori che includono anche il tag per la dimensione:

Codice:


<hr width=80 size=10>

oppure

<hr width=80% size=10>

ma anche:

<hr width=40% size=10>

oppure

<hr width=5% size=10>

altri esempi:

<hr width=60% size=6 noshade>

oppure

<hr width=60% size=1 noshade>



Per vedere in ordine dal alto verso il baso l'esecuzione di questi tag visitate questa pagina:
http://flaviusso.altervista.org/esempio_divisori_orizzontali.html