Una casella di testo HTML scorrevole è come una finestra più piccola all'interno della finestra del browser Web. Quando si inserisce testo in una casella di scorrimento, il lettore può scorrere su e giù per la casella per leggere l'intero testo senza dover scorrere verso l'alto e in basso nella pagina Web stesso. Un possibile vantaggio di utilizzare questo effetto è che esso consente di mantenere altri elementi come la barra di intestazione, piè di pagina e la navigazione in vista in ogni momento, mentre lo spettatore rimane sulla pagina.

istruzione

1 Aprire la pagina Web in un editor di testo o il software di authoring Web. Clicca ovunque si desidera inserire il testo. Digitare il testo.

2 Avviare un tag DIV con questo codice HTML: <div> </ div>. Posizionare il testo digitato in precedenza tra i tag, come in <div> Testo di esempio </ div>.

3 Aggiungere stili in linea al tag DIV per definire le dimensioni della finestra come segue:

<Div style = "height: 300px; width: 300px;"> Testo di esempio </ div>

4 Aggiungere trabocco al tag DIV e impostarlo per scorrere come segue. Assicurarsi che le parole "troppo pieno" e "Scroll" sono separati da due punti e che "Scroll" è seguito da un punto e virgola.

<Div style = "height: 300px; width: 300px; overflow: scroll;"> Testo di esempio </ div>

5 Salvare la pagina Web in un editor di testo o un programma di Web authoring. Aprire la pagina in un browser Web, ad esempio Internet Explorer o Firefox per visualizzare la casella di testo a scorrimento.

Consigli e avvertenze

• Assicurarsi che la quantità di testo supera lo spazio consentito dalla dimensione della finestra. In caso contrario, il testo non scorre. Se fate il tag DIV prima e aggiungere testo in seguito, continuare a digitare. Le barre di scorrimento appaiono quando il testo overflow.
• Per una migliore programmazione HTML, definire gli stili DIV in un foglio di stile esterno, invece, e collegare la pagina Web ad esso (vedi Risorse).