Créer un site gratuitement    Tutoriels    Html    Faire un lien
Mes favoris    Ajouter l'article à vos favoris

Faire un lien

Nous allons voir dans ce tutoriel les différentes façons de créer un lien, nous allons aussi approfondir la balise <a> pour découvrir ses attributs !
Il faut tout d'abord savoir qu'il existe différents types de liens, les liens internes (qui pointent vers une page de votre site), les liens externes (qui pointent vers un autre site) et les ancres (qui pointent vers une partie précise dans un document).

Faire un lien :

Pour créer un lien, comme pour toute autre manipulation HTML, il existe une balise et son attribut.
La balise, facilement codable est nommée <a>, son attribut href.
Exemple d'utilisation :
<a href="http://www.monsite.fr">Lien vers monsite.fr</a>

Les liens internes :

Pour accéder à la page d'accueil de votre site, il existe 2 solutions :
/index.html
http://www.monsite.fr/index.html
Dans le premier cas, en faisant précéder un fichier (ou un dossier) d'un slash, cela veut dire qu'on le désigne à partir de la racine.
Si la page dans laquelle je veux faire un lien se trouve dans le dossier /dossier1/dossier2/pagedelien.html, si je veux faire un lien vers la page index.html de ce dossier, il existe plusieurs façon de procéder :
./index.html
/dossier1/dossier2/index.html
http://www.monsite.fr/dossier1/dossier2/index.html
Dans le premier cas, le point situé avant le slash signifie que le lien se fera depuis le dossier actuel et non depuis la racine ;
Dans le deuxième cas, le lien se fait depuis la racine à cause du slash présent en début de lien ;
Dans le troisième cas, il s'agit du lien physique par lequel on accède au fichier index.html ;

Encore mieux, si nous nous trouvons toujours dans "dossier2" et que nous voulons faire un lien vers la page index.html située dans "dossier1", nulle besoin de créer un lien complet :
../index.html
Lorsqu'un slash est précédé de deux points, cela signifie qu'on désigne un fichier ou un dossier placé dans le dossier père.
A savoir, il est possible de remonter plusieurs dossiers de cette façon en additionnant les "../../" !

Les liens externes :

Les liens externes pointent vers un site autre que le votre.
Ils peuvent pointer vers la racine du site :
http://www.monsite.fr
Ils peuvent aussi pointer vers une page du site :
http://www.monsite.fr/dossier/fichier.html

Les ancres :

Les ancres sont des liens, en plus puissant !
Imaginez une page comportant différents paragraphes, vous pouvez (si vous le souhaitez) faire pointer un lien vers un de ces paragraphes (vers celui situé au centre du texte par exemple).
Cela permet au visiteur d'être dirigé vers ce qui l'intéresse et lui évite donc de lire le reste !
Comme un exemple est plus parlant, voici deux liens, le premier sans ancre, le deuxième avec une ancre :
Langages de développement
Langages de développement : Le PHP

Comment ajouter une ancre ?

Entourez le titre à ancrer de la balise &lt;a&gt; comportant l'attribut name :
<a name="ancre">Titre de l'ancre</a>
Puis, pour faire un lien vers cette ancre, utilisez la balise &lt;a&gt; en plaçant le nom de l'ancre après le # :
<a href="/mapage.html#ancre">Liens vers l'ancre</a>

Les attributs :

Il existe différents attributs incontournables à connaitre :
title=""
L'attribut title contient le titre du lien (bulle qui apparait lorsqu'on passe la sourie sur un lien) ;
target"_blank"
Ouverture de la page dans une nouvelle fenêtre ;
target"_parent"
Ouverture de la page dans le cadre parent ;
target"_self"
Ouverture de la page dans l'onglet actuel (valeur par défaut) ;
target"_top"
Ouverture de la page dans la fenêtre hôte ;
name=""
Nom servant à un ancrage du lien ;

Vous êtes maintenant prêt à faire des liens entre vos pages et avec d'autres sites !

Participez au développement du site en laissant vos impressions.

Commentaire/demande concernant l'article :


Recopiez le contenu de cette image :
Code anti-robot  »