HTML: 10° lezione
 |
Eccoci alla decima lezione!!!
Oggi facciamo un qualcosa di più simpatico, in modo da divertirci di più (fino ad ora abbiamo fatto cose abbastanza elementari e a volte magari anche un pò noiosette). Quello che faremo oggi è inserire una scroll bar che, per chi non lo sa, non sono altro che questa sotto contenuta.
In questo preciso esempio qui, è stata usata una scroll bar verticale, ma questo non vuole necessariamente dire che non se ne può usare anche una orizzontale. Anzi, usare l’una o l’altra comporta una differenza davvero minima e molto semplice da fare. Per conoscere il tag da utilizzare continuate a leggere sotto.
Come potete vedere la scroll bar è estremamente utile.
Il tag da utilizzare è il seguente: div style=”width:?px;height: ?px; scroll; overflow-(x/y): scroll;border:?px solid black;”
La spiegazione del tag è semplice. Il primo punto interrogativo sta al posto del valore (in pixel) della larghezza, il secondo indica il valore (sempre in pixel) dell’altezza; nell’esempio sopra è stato usata largezza 250 pixel e altezza 100 pixel.
Scroll sta ad indicare che bisogna esserci una funzione di scorrimento;
Dove tra parentesi c’è scritto x/y, bisogna semplicemente scegliere uno tra i due. Se si sceglie x lo scorrimento sarà verticale, se scegliamo x sarà orizzontale. Nell’esempio è stata usata la y.
Al posto del terzo punto interrogativo si inserisce lo spessore; Nell’esempio lo spessore utilizzato è stato 1. (Lo spessore può essere anche nullo).
Dove è stato scritto solid black, si indica semplicemente il colore dello spessore, che ad esempio può essere anche white.
ATTENZIONE!!! Il tag va chiuso attraverso l’utilizzo della forma abbreviata div
Tags: HTML
