Apprendre HTML -
Liens hypertexte
Les liens hypertexte
Exemple:
Formation webmaster
Liens vers une page qui se trouve dans votre répertoire
Code:
<a href="formation-webmaster-nord.html" title="Formation webmaster">Formation webmaster</a>
Liens vers un autre site web
Code:
<a href="http://www.conseil-webmaster.com/formation-webmaster-nord.html" title="Formation webmaster">Formation webmaster</a>
Un lien qui s'ouvre dans une nouvelle fenêtre
Exemple:
Formation webmaster
Code:
<a href="formation-webmaster-nord.html" title="Formation webmaster" target="_blank">Formation webmaster</a>
Utile lorsque vous faîtes des liens vers d'autres sites web pour éviter que votre visiteur parte de votre site !
Un lien vers une seveur ftp
Exemple:
ftp://ftp.toto.com
Code:
<a href="ftp://ftp.toto.com" title="Se connecter au serveur à toto">ftp://ftp.toto.com</a>
Liens vers messagerie
Exemple:
Contactez moi par mail en cliquant qur ce lien
Code:
<a href="mailto:contact@toto.com">Contactez moi par mail en cliquant qur ce lien</a>
Ajouter le sujet:
<a href="mailto:contact@toto.com?subject=informations">Contactez moi par mail en cliquant qur ce lien</a>
Liens vers une ancre
Exemple:
Cliquez ici pour revenir en haut de la page
Code positionné juste aprés la balise Body pour revenir tout en haut de cette page dans notre exemple
<a name="haut1"></a>
Code:
<a href="apprendre-xhtml-base.html#haut1" title="Revenir au début de cette page">Cliquez ici pour revenir en haut de la page</a>
Les attributs des liens hypertextes
href: Ou se trouve ma page, son chemin
title: Affiche une info bulle sur le lien (Util pour l'accessibilité
height: Permet de préciser la hauteur de l'image
target:
_blank : Ouverture de la page cible dans une nouvelle fenêtre
_parent : Ouverture de la page cible dans le cadre parent ( de niveau immédiatement supérieur)
_self : (Valeur par défaut) Ouverture de la page cible dans le cadre d'appel
_top : Ouverture de la page cible dans la fenêtre hôte (par-dessus le FRAMESET)
| DIVERS |
HTML / XHTML |
| Insérer un commentaire dans votre code source |
<!-- Mon commentaire --> |
| |
|