September 13
aree di testo sono controlli per l'input utente su pagine Web. Essi appaiono simili alle caselle di testo, ma hanno diverse linee invece di uno. È possibile aggiungere un bordo al testo aree utilizzando il "stili" di proprietà del tag "textarea". Questo approccio consente di modificare la larghezza, il colore e lo stile del bordo di testo. È inoltre possibile indicare se per spezzare il confine in segmenti o lasciare come un rettangolo completamente chiuso. Il tag "textarea" rende facile aggiungere i confini ad altri elementi della pagina perché il codice HTML è esattamente lo stesso.
1 Aprire qualsiasi word processor e digitare i seguenti codici HTML. Questi codici definiscono una pagina Web vuota a cui si aggiungerà un'area di testo nei prossimi passaggi.
<Html>
</ Html>
2 Incollare i seguenti codici HTML dopo il primo tag immesso nel passaggio precedente. Questi nuovi codici definiscono il corpo della pagina Web e aggiungere un'area di testo a quel corpo. L'area di testo ha ancora confini, solo qualche testo di esempio.
<Body>
<Textarea>
Ciao
</ Textarea>
</ Body>
3 Digitare il seguente codice appena prima del ">" carattere finale del primo tag "textarea". Questo codice assegna un valore stringa alla proprietà "stile" dell'area di testo. Tale stringa è un'istruzione dire al vostro browser per dipingere un bordo intorno al testo.
style = "border-width: 5px;"
4 Salvare il documento con un nome che termina in ".htm" e con un tipo di file di testo semplice.
5 Aprire Esplora risorse e individuare il file appena salvato. Fare doppio clic sul file per aprirlo con il browser predefinito. Si noti che l'area di testo ha un bordo intorno ad esso. La proprietà "stile" digitato nel passaggio 3 ha prodotto questo confine, e ora è possibile modificare l'aspetto del confine con quella stessa proprietà.
6 Fare clic a sinistra dell'ultimo doppio apice della proprietà "stile" nel documento. Incollare il seguente codice HTML nel documento. Lo scopo di questa nuova affermazione è evidente dal suo nome: rende il bordo punteggiato invece di solido.
; Border-style: punteggiato;
7 Re-salvare il documento, quindi premere il tasto "F5" nel browser per ricaricare la pagina. Il confine dell'area di testo viene ora visualizzato un bordo tratteggiato.
8 Digitare il seguente codice HTML nella stessa posizione come l'ultimo codice inserito. Questo codice aggiunge colore al vostro bordo. Prova diversi colori al posto di quella data qui.
; Border-color: verde;
9 Salvare nuovamente e aggiornare la pagina come avete fatto in precedenza per vedere le modifiche apportate al confine.