L'attribut Feuilles de style en cascade (CSS) est le plus souvent utilisé pour modifier la couleur des liens hypertexte dans les pages Web. Des solutions moins fonctionnelles à ce problème se trouvent dans le langage HTML (HyperText Markup Language - "langage de balisage hypertexte").
Il est nécessaire
Connaissance de base des langages HTML et CSS
Instructions
Étape 1
Préparez un bloc de style pour les liens hypertexte. Dans sa forme la plus simple, cela pourrait ressembler à ceci: a {couleur: Vert} Ici, "a" est appelé un "sélecteur", ce qui indique que la description de style entre parenthèses doit être appliquée à toutes les balises de lien dans le document. Le vert définit la couleur du lien; c'est une définition très approximative de la couleur et est rarement utilisé. Beaucoup plus souvent, une "pseudo-classe" est ajoutée au sélecteur "a" - c'est une étiquette qui vous permet de spécifier le style du lien dans trois états différents.
Étape 2
Utilisez la pseudo-classe de lien pour styliser l'état normal (inactif) du lien. Cela peut ressembler à ceci, par exemple: a: link {color: Green}
Étape 3
Utilisez le survol de pseudo-classe pour spécifier comment le lien doit apparaître au survol. Par exemple: a: survolez {color: Lime}
Étape 4
Utilisez la pseudo-classe visitée pour décrire le style d'un lien déjà visité. Par exemple: a: visité {color: DarkGreen}
Étape 5
Combinez les trois états dans un seul bloc de description de style. L'apparence du code HTML contenant les descriptions CSS des styles peut, par exemple, ressembler à ceci:
a: lien {couleur: vert}
a: visité {couleur: Vert foncé}
a: survoler {couleur: Lime}
Ici, les balises de style HTML d'ouverture et de fermeture indiquent au navigateur où commencent et se terminent les descriptions de style, et entre elles se trouve une description du comportement du lien dans trois états.
Étape 6
L'échantillon utilisé ci-dessus ne montre que les caractéristiques de couleur, mais d'autres attributs peuvent être inclus dans la description. Par exemple, si la conception de la page exige que le lien ne soit pas souligné à l'état normal (inactif), mais souligné lorsque le curseur est survolé, le code peut être modifié comme suit:
a: lien {couleur: vert; décoration de texte: aucune;}
a: visité {couleur: Vert foncé; décoration de texte: aucune;}
a: survol {couleur: Lime; décoration de texte: soulignement;}
Étape 7
Si vous souhaitez modifier la couleur de certains liens de la page uniquement et laisser le reste avec les paramètres par défaut, ajoutez l'attribut class à la balise de chaque lien modifié. Par exemple, nommez cette classe de lien hypertexte newLinks. Ensuite, la balise link peut ressembler à ceci: text link Le même nom de classe doit être ajouté à la description du style:
a.newLinks: lien {couleur: vert; décoration de texte: aucune;}
a.nouveauLiens: visité {couleur: Vert foncé; décoration de texte: aucune;}
a.newLinks: hover {color: Lime; décoration de texte: soulignement;}
Étape 8
Placez le code de description de style préparé à partir des exemples décrits ci-dessus dans l'en-tête de la page - entre les balises et. Si nécessaire, ajoutez un attribut de classe aux balises de lien avec le nom utilisé dans les descriptions de style. Enregistrez ensuite la page modifiée et la procédure de changement de couleur des liens hypertexte sera terminée.
