« Le langage HTML/Liens » : différence entre les versions

 

Exemples :

<a href="http://fr.wikibooks.org">Lien vers Wikilivres</a>

<a name="ancre_1">Définition d'une ancre</a>

<a href="http://fr.wikipedia.org" target="_blank">Lien ouvrant Wikipédia dans une nouvelle fenêtre</a>

 

== Les URL ==

 

Exemples :

<a href="exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le même répertoire que la

page actuelle</a>

<a href="repertoire_exemple/exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le

répertoire « repertoire_exemple » qui se trouve dans le même répertoire que la page actuelle</a>

 

Si le fichier se trouve dans le répertoire parent du répertoire actuel, ou dans un sous-répertoire du répertoire parent, il faut « remonter » à l'aide de deux points « <code>..</code> ».

 

Exemple :

<a href="../exemple.html">Lien vers le fichier « exemple.html » se trouvant dans le répertoire parent

du répertoire dans lequel se trouve la page actuelle</a>

 

L'utilisation de l'adresse relative est intéressante si l'objet visé est situé dans une branche de l'arborescence qui restera toujours solidaire. Si l'on déplace la branche (dnc la page Web courante ''et'' l'objet), l'adresse relative reste valable.

 

Pour créer une ancre, il faut utiliser la balise <code><a></code> avec l'attribut <code>name</code>, comme ceci (Il n'est pas nécessaire d'inclure du texte entre les deux balises) :

 

Lorsque l'ancre est vide, elle ne doit cependant pas être écrite sous la forme <code><a name="section_5" /></code>, formellement valide en XML, mais déconseillée par les normes XHTML et XML pour des raisons de compatibilité avec différents navigateurs.

 

Exemples :

<a href="exemple.html#ancre_1">Lien vers l'ancre n°1 de la page "exemple.html"</a>

<a href="#ancre_1">Lien vers l'ancre n°1 de la page actuelle</a>

 

== Comment ouvrir un lien dans une nouvelle fenêtre ? ==

 

Exemple :

<a href="http://fr.wikibooks.org" target="_blank">Lien ouvrant Wikilivres dans une nouvelle fenêtre</a>

 

''Note'' : Les valeurs que peut prendre l'attribut target seront détaillées dans le chapitre des cadres.