Survolez,cliquez tenu, cliquez sur le lien
ctrl+u pour voire la source
<a href="liens.htm" target="_blank"> |
_blank est un mot réservé.
target="_blank" fait ouvrir le lien dans une nouvelle fenêtre. Si l'on veut ouvrir successivement plusieurs document dans une même fenêtre, on la nomme comme l'on veut.( target="fenetre_2" ) |
a{text-decoration:none;color:blue;}
a.visited{color:blue;}
a:hover{text-decoration:underline;}
a:active {font-weight:bold;}
|
L'aspect et le comportement de la balise de lien <a>
est déterminé dans la feuille de style style.css.
text-decoration:none supprime le soulignement du lien.
a.visited{color:blue;} conserve la couleur bleue au lien lorsqu'il a été visité. a:hover définit le comportement du lien (ou de toute autre balise : p:hover pour un paragraphe) lors du survol. a:active {font-weight:bold;} définit son comportement lorsque l'on enfonce le bouton de le souris |
Survolez l'image
<a href="">
<img src="../haut.jpg"
border="0"
alt="menu"
onMouseOver="this.src='../hautgras.jpg'"
onMouseOut="this.src='../haut.jpg'"/>
</a>
|
Place un lien (vers la page elle même href="") sur une image dont la bordure
(qui apparaît normalement avec la balise <a ...>) a été supprimée par border="0"
|
onMouseOver="this.src='../hautgras.jpg'" onMouseOut="this.src='../haut.jpg'" |
Là est la partie acive :
Lors du survol de l'image (onMouseOver=) la source de l'image (l'image elle même est désigné par le mot réservé : this) est remplacée par l'image ../hautgras.jpg Quand le pointeur quitte l'image (onMouseOut=) la source de l'image est remise à sa valeur initiale ../haut.jpg |
Pour obtenir ces deux images et  |
la première a été reprise, sa luminosité diminuée pour assombrir le gris, son contraste augmenté pour éclaircir le fond, et les pupilles ont été ajoutées. |