| Généralités liens | Liens avec ancres | Soulignement ou pas | Exemples | Lien avec focus |
Il est possible de supprimer ou modifier la présentation tradionnelle des liens hypertextes, et même de les placer sur une couleur de fond. N'oubliez pas que Les "Pseudo-classes" avec les liens hypertexte sont toujours associés au sélecteur "a" et permettent de modifier l'aspect visuel des textes servant de support à ces liens.
Rappel des codes des liens placés dans le fichier externe du répertoire
a:link { font-weight:bold ; color: black ;}
a:visited {color: #006600 ; }
a:hover { color: red ; text-decoration: none ; }
Soulignement ou non des liens : 3 possibilités
text-decoration: none = lien non soulignétext-decoration: underline = lien souligné dessoustext-decoration: overline underline = lien souligné dessus et dessous
La valeur "underline" utilisée seule, correspond au lien hypertexte normal par défaut. De ce fait il n'est pas alors utile de la placer comme c'est le cas dans cette page.
Lien 1 avec ce code dans BODY
non souligné </A>
Résultat 1
C'est peut-être joli mais n'oubliez pas les malvoyants qui se repèrent
aux liens soulignés, merci pour eux.
Lien 2 avec ce code dans BODY
<a href="#lienA" style= "
text-decoration:underline ; " > lien
souligné </a>
Résultat 2
Cette fois le lien est commandé directement par le code inclus à sa base dans BODY avec la balise DIV mais comme le dernier qui parle a raison, vous trouvez du texte souligné.
Parmi les propriétés de polices, il est une déclaration souvent utilisée, qui correspond au style "gras" ou "bold"
Lien 3 avec ce code dans BODY
<a href="#lienA" style= "
font-weight:bold ; text-decoration:underline ; " > lien
gras </a>
Résultat 3
La graisse de la police avec "font-Weight" a été vue page 06e.Pour la remarque, c'est identique.
Très important : ois derniers exemples n'ayant pas de règles installées dans le code source de cette page, il est fait appel au "STYLE" pour obtenir les effets désirés. Mais rien n'est changé concernant les règles d'héritage.
Au cas où les règles CSS ne fonctionneraient pas chez le visiteur, il est toujours possible de conserver la forme HTML à savoir : <BODY BGCOLOR="#FFFFFF" ALINK="#0000FF" VLINK="#9933FF">
Lorsque vous choisissez de ne pas souligner les liens, utilisez une couleur de texte qui ne soit pas ton sur ton avec le reste du contenu pour ne pas les rendre "invisibles". Par contre si vous soulignez les liens, évitez dans votre contenu de ne pas souligner par exemple des titres ce qui peut facilement induire en erreur le visiteur qui croit y trouver un lien.
Plusieurs liens différents dans la même page
Voir exemple et codes >>> là ... (retour assuré)
| Généralités liens | Liens avec ancres | Soulignement ou pas | Exemples | Lien avec focus |
