19. Semplici Divisioni Orizzontali
Confuso? Questo e' solo un'altra opzione per creare decorative
divisioni per caratterizzare le diverse sezioni di una web page.
Obiettivi
Dopo questa lezione sarai in grado di:
- Creare linee orizzontali di divisione a diverso spessore.
- Creare linee orizzontali di divisione a diversa larghezza.
- Creare linee orizzontali di divisione senza ombreggiature tridimensionali.
Lezione
Nota: In questa lezione non andremo a modificare le nostre pagine web -- per questo puoi semplicemente leggere le nostre informazioni e decidere se esercitarti con quanto ti proponiamo. Se vuoi, puoi dare prima un'occhiata alla pagina del test per vedere se il tuo browser supporta i tags usati in questa lezione
Le prime estensioni HTML di Netscape offrivano alcune ulteriori opzioni per il tag <hr> (Hard Rule [linee dure] -- vedi la lezione 4). Per default, i browser di Netscape visualizzavano la riga di separazione piena con un aspetto tridimensionale, ombreggiato, piuttosto che la linea piena del tipo implementato dai web browser di generazione precedente.
Spessore delle Linee
La prima opzione e' quella di permettere righe di spessore diverso usando l'opzione:
<hr size=N>
dove N e' lo spessore della linea in pixel. Guardiamo alcuni esempi per vederne gli effetti.
 |
<hr size=2> come <hr> :
<hr size=8> :
<hr size=20> :
|
Larghezza delle Linee
L'altra opzione di formattazione per il tag <hr> e' quella di aggiustare la larghezza della linea -- che non deve necessariamente allungarsi per l'intera pagina. Lo puoi fare usando questa formattazione:
<hr width=X>
<hr width=Z%>
dove X e' un numero di pixel per la larghezza e Z e' la percentuale della pagina web corrente. In generale raccomandiamo di usare la percentuale in modo che si adatti da sola all'ampiezza della finestra del programma usato della persona che sta leggendo le tue pagine (alcuni fuori da qui stanno usando monitor con risoluzioni alte quanto due pagine, mentre altri si stanno scrutando nei loro schermi a 13").
Ecco alcuni esempi (osserva come includere anche il tag per la dimensione):
|
<hr width=80 size=10> :
<hr width=80% size=10> :
|
NOTA: Provare ad allungare e/o ad accorciare la larghezza della finestra del tuo web browser per vedere le differenze tra lo specificare la larghezza in pixel assoluti (width=80) vs specificare la larghezza in percentuale della web page (width=80%)
|
|
<hr width=40% size=10> :
<hr width=5% size=10> :
|
Niente Ombre
Infine, potrebbe esserci il caso in cui tu non voglia l'ombreggiatura 3D per il tag <hr>. E' semplicemente cosi':
|
<hr width=60% size=6 noshade> :
<hr width=60% size=1 noshade> :
|
Verifica
Argomenti di verifica per questa lezione:
- Come fai per cambiare lo spessore di una riga orizzontale?
- Come fai per cambiare la larghezza di una riga orizzontale?
- Qual e' l'effetto dell'attributo noshade all'interno del tag <hr>?
Pratica Indipendente
Fai vari esperimenti con le opzioni del tag <hr> nelle tue pagine personali.
Prossimamente....
Spostalo a sinistra... no! verso destra... no! mettilo al centro...
Writing HTML: Lezione 19: Semplici Divisioni Orizzontali
©1994-1999
Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
The Internet Connection at MCLI is
Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML