références de couleur
Avec le HTML, vous pouvez définir la couleur de tous les liens sur une page, et changer les couleurs pour les liens individuels.
Spécification de la couleur des liens sur une page
Couleurs référence définies en tant que paramètre de la balise <BODY>. Les paramètres sont facultatifs et si les valeurs par défaut non spécifiés sont utilisés.
LINK - détermine la couleur des liens sur une page Web (la couleur par défaut est bleu, # 0000FF).
ALINK - la couleur des liens actifs. Couleur du lien change lorsque vous cliquez dessus avec la souris. La couleur par défaut est rouge, # FF0000.
VLINK - la couleur des liens déjà visités. La couleur par défaut est le violet, # 800080.
Les couleurs HTML sont définies chiffres hexadécimaux généralement dans le code comme #RRGGBB, où R, G et B représentent respectivement la composante rouge, verte et bleue. Pour chaque couleur est définie par une valeur hexadécimale de 00 à FF, ce qui correspond à une plage de 0 à 255 en notation décimale. Ces valeurs sont ensuite combinés en un seul numéro, précédé par un symbole # (exemple 1).
Exemple 1. Réglage des couleurs de référence
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Couleur du lien </ title>
</ Head>
<Link Body = "red" vlink = "# cecece" ALink = "# FF0000" bgcolor = "black">
<P> <a contenu href="content.html"> site </a> </ p>
</ Body>
</ Html>
La couleur ne pas nécessairement réglé au format hexadécimal, vous pouvez utiliser des mots-clés. Dans cet exemple, la couleur d'une page Web d'arrière-plan est défini dans les options noir et en couleur - rouge.
remarque
Les valeurs des paramètres sont insensibles à la casse, si bien écrit comme #FFFFFF et #ffffff.
Pour changer la couleur des liens plus faciles à utiliser CSS. Pour définir la couleur pour tous les liens qui suit pseudo-utilisé sur une page Web qui est ajouté au sélecteur A.
visité - Style pour les liens visités.
actif - style pour les liens actifs. Lien actif devient lorsque vous cliquez dessus.
hover - Style pour référence lorsque vous survolez avec la souris.
L'exemple 2 montre comment changer la couleur des liens vers des styles en utilisant une page web. Pour cela , nous utilisons le paramètre de couleur stylistique, il définit la couleur d'un texte particulier, dans ce cas, les références.
Exemple 2. La couleur des liens définis par styles
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Utilisation des styles </ title>
<Style type = "text / css">
BODY {
fond: noir; / * La couleur de la page Web de fond * /
}
A {
color: red; / * La couleur des liens * /
}
A: visited {
couleur: #cecece; / * La couleur des liens visités * /
}
A: actif {
color: # ffff00; / * La couleur des liens actifs * /
}
</ Style>
</ Head>
<Body>
<P> <a contenu href="content.html"> site </a> </ p>
</ Body>
</ Html>
Spécification de la couleur des liens individuels sur une page
La méthode de réglage de la couleur décrite ci-dessus fonctionne pour tous les liens de la page Web. Cependant, il est parfois nécessaire d'utiliser simultanément différentes couleurs. Lumière, par exemple, pour les zones sombres de la page Web, et les couleurs sombres - selon la lumière. Pour ce faire, vous pouvez également utiliser des styles.
Pour changer la couleur des liens , vous devez utiliser le paramètre style = "color: #rrggbb" dans le <A>, où #rrggbb - couleur en hexadécimal. Vous pouvez également utiliser les noms de couleurs ou de spécifier le format de couleur: rgb (132, 33, 65). Entre parenthèses sont les valeurs décimales de rouge, vert et bleu (exemple 3).
Exemple 3: Changer la couleur des liens avec des styles
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titre> Couleur du lien </ title>
</ Head>
<Body link = "# FFCC00" vlink = "# cecece" ALink = "# FF0000" bgcolor = "black">
<P> <a href="content.html" style="color: blanc"> Site </a> Contenu </ p>
<P> <a href="im.html" style="color: #ffffff"> Internet Marketing </a> </ p>
<P> <a href="use.html" style="color: rgb (255, 255, 255)"> utilisabilité </a> </ p>
</ Body>
</ Html>
Cet exemple montre trois façons différentes de spécifier des couleurs à l'aide de styles.
© Copyright Politique www.htmlbook.ru
Commentaires
Commentant, gardez à l' esprit que le contenu et le ton de vos messages peuvent blesser les sentiments des gens réels, montrer du respect et de la tolérance à ses interlocuteurs, même si vous ne partagez pas leur avis, votre comportement en termes de liberté d'expression et de l' anonymat offert par Internet, est en train de changer non seulement virtuel, mais dans le monde réel. Tous les commentaires sont cachés à l'index, le contrôle anti - spam.