Si le navigateur du visiteur du site Web ne trouve aucune indication de la couleur des liens hypertexte dans le code de la page, il utilise les valeurs par défaut. Ces valeurs sont le bleu pour les liens passifs, le rouge pour les liens actifs (au survol) et la teinte magenta pour les liens déjà visités. Ce schéma de couleurs n'est pas toujours combiné avec le schéma de couleurs de la conception de la page, par conséquent, un bloc de descriptions de style de lien est généralement inclus dans le code.
Instructions
Étape 1
Créez un ensemble d'instructions pour le navigateur qui décrira les couleurs du lien dans trois états. Par exemple, cela peut ressembler à ceci: a: link {color: Red;}
a: visité {couleur: jaune;}
a: hover {color: Orange;} Ici, le "a" au début de chaque ligne est appelé le "sélecteur" et spécifie la balise à laquelle le navigateur doit appliquer la description de style entre accolades. "A" est la balise du lien hypertexte. Le mot ajouté au sélecteur séparé par deux points est appelé une "pseudo-classe" - que le navigateur utilise pour déterminer à quel état de lien appartient le style entre accolades. lien correspond à un lien normal, a visité un lien qui a déjà été visité et survole un lien lorsque le curseur le survole. Les couleurs affectées au paramètre color à l'intérieur des accolades peuvent être spécifiées soit par le nom de la nuance de couleur, soit par son code hexadécimal.
Étape 2
Si vous devez attribuer différentes couleurs à différents groupes de liens sur la page, attribuez à chaque groupe sa propre désignation ("classe") et faites une description séparée des styles pour chacun d'eux. Par exemple, nommez un groupe LinksRed et l'autre LinksGreen. Ensuite, la description du style ressemblera à ceci: a. LinksRed: link {color: Red;}
a. LinksRed: visité {color: Yellow;}
a. LinksRed: survolez {couleur: Orange;} a. LinksGreen: lien {couleur: Vert;}
a. LinksGreen: visité {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Et dans les balises des liens de chaque groupe, vous devez indiquer à quelle classe ils appartiennent. Par exemple: lien rouge
Lien vert
Étape 3
Ces instructions sont écrites en CSS (Cascading Style Sheets), elles doivent donc être placées dans une balise de style qui les sépare des autres instructions du code source de la page, écrites en HTML (HyperText Markup Language)):
a. LinksRouge: lien {couleur: Rouge;}
a. LinksRed: visité {color: Yellow;}
a. LinksRed: survolez {couleur: Orange;} a. LinksGreen: lien {couleur: Vert;}
a. LinksGreen: visité {color: DarkGreen;}
a. LinksGreen: survolez {color: Lime;}
Étape 4
Placez le bloc de description de style de lien préparé dans la partie en-tête du code source de la page - il est délimité par les balises et.
