Les partenaires publicitaires:

Le code HTML pour changer la couleur de la cellule

Vous ne devez pas clignoter animations et couleurs de danse pour faire un travail de page Web. Quelques effets visuels subtiles, cependant, peuvent non seulement améliorer votre site web, mais aussi fournir des indices importants à vos visiteurs. Par exemple, des tables HTML affichent des données tabulaires organisés dans les cellules et les lignes sur une page web. En changeant la couleur de fond comme la souris de l'utilisateur survole cellules différentes, vous pouvez créer un effet d'engagement mouse-over qui aide l'utilisateur à identifier la cellule active.

Instructions

  1. Ouvrez le Bloc-notes. Ajoutez le code suivant au document:

    https://w3.org/1999/xhtml ">

    Tableau Portable test de changement


    Cela crée une page Web vide.

  2. Ajoutez ce code ci-dessous la première tag:




    1

    2

    3

    4

    Cela crée une table avec deux lignes et deux colonnes. La "onmouseover" événement change la couleur d'une cellule à rouge (# FF0000) et la "événement onmouseout change sa couleur à blanc.

  3. Appuyez "CTRL + S" pour ouvrir la "Fichier Enregistrer" Type de fenêtre et "xyz.html" dans le "Nom de fichier" zone de texte. Cliquez "Sauvegarder."

  4. Naviguez vers le fichier en utilisant l'Explorateur Windows et double-cliquez sur le fichier. Votre navigateur va ouvrir 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).
» » » » Le code HTML pour changer la couleur de la cellule