Vous n`avez pas besoin de clignoter animations et couleurs de danse pour faire un travail de page Web. Quelques effets visuels subtils, cependant, peut non seulement améliorer votre site web, mais aussi de fournir des indices importants pour vos visiteurs. Par exemple, les tableaux HTML affichent des données tabulaires organisées dans des cellules et des lignes sur une page web. En changeant la couleur de fond comme la souris de l`utilisateur survole des cellules différentes, vous pouvez créer un effet d`engagement souris sur qui aide l`utilisateur à identifier la cellule active.
Ouvrez le Bloc-notes. Ajoutez le code suivant au document:
http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://w3.org/1999/xhtml ">
Tableau Portable test de changement Cela crée une page Web vide.
Ajouter ce code ci-dessous la première
Étiquette:1 2 3 4 Cela crée une table à deux lignes et deux colonnes. le "onmouseover" événement change la couleur d`une cellule rouge (# FF0000) et la "événement onmouseout change de couleur à blanc.
presse "CTRL + S" pour ouvrir la "fichier Enregistrer" Type de fenêtre et "xyz.html" dans le "Nom de fichier" zone de texte. Cliquez "Sauvegarder."
Naviguez vers le fichier en utilisant l`Explorateur Windows et double-cliquez sur le fichier. Votre navigateur ouvrira et afficher la page Web. Passez votre souris sur les cellules du tableau. Ils vont changer les couleurs.
Conseils & Avertissements
- Changer la "onmouseover" et "onmouseout" couleurs à toutes les valeurs que vous aimez. Faire le "onmouseout" colorer la même que la couleur de fond du tableau. Dans cet exemple, la couleur par défaut table de fond est blanc. Le code HTML spécifie les couleurs au format hexadécimal. En savoir plus sur les couleurs HTML en ligne (voir Ressources).
