Il codice HTML per cambiare cellulare a colori

March 15

Il codice HTML per cambiare cellulare a colori


Non hai bisogno di lampeggiare animazioni e colori danzanti per fare un lavoro pagina web. Alcuni effetti visivi sottili, tuttavia, può non solo migliorare il sito web, ma anche fornire indizi importanti per i visitatori del sito. Ad esempio, le tabelle HTML visualizzare i dati tabulari organizzati in cellule e righe su una pagina web. Cambiando colore di sfondo come il mouse di un utente passa sopra cellule differenti, è possibile creare un effetto di mouse-over coinvolgente che aiuta l'utente a identificare la cella attualmente attiva.

istruzione

1 Aprire il Blocco note. Aggiungere il seguente codice al documento:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Table Cell Color Change Test&lt;/title>

</ Head>

<Body>

</ Body>

</ Html>

Questo crea una pagina web vuota.

2 Aggiungere questo codice al di sotto del primo tag <body>:

<Table border = "2">

<Tr>

<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 1 </ td>

<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 2 </ td>

</ Tr>

<Tr>

<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 3 </ td>

<Td onmouseover = "style.backgroundColor = '# ff0000';" onmouseout = "style.backgroundColor = '# ffffff';"> 4 </ td>

</ Tr>

</ Table>

Questo crea una tabella con due righe e due colonne. Il "onmouseover" evento cambia il colore di una cella di rosso (# FF0000) e il "evento onmouseout cambia il suo colore torna al bianco.

3 Premere il tasto "CTRL + S" per aprire la finestra "File Salva" e di tipo "xyz.html" nella casella di testo "Nome file". Fai clic su "Salva".

4 Individuare il file utilizzando Windows Explorer e fare doppio clic sul file. Il tuo browser si aprirà e visualizzare la pagina web. Passa il mouse sopra le celle della tabella. Essi potranno cambiare i colori.

Consigli e avvertenze

  • Cambiare il "onmouseover" e colori "onMouseOut" per tutti i valori che ti piace. Fare il "onmouseout" colorare lo stesso colore dello sfondo della tabella. In questo esempio, il colore di sfondo tavolo predefinito è bianco. Il codice HTML specifica i colori in formato esadecimale. Scopri di più su colori HTML online (vedi Risorse).