HTML - Liens

  »   HTML  »   Tutoriel HTML - Liens de Texte, les créer et les utiliser

L'attribut "href" nomme la connection à une autre page internet. C'est en fait le lieu où l'utilisateur qui clique sur le lien sera redirigé.

Les liens peuvent être:

  • internes - vers des lieux spécifiques de la page(ancres)>
  • locaux - vers d'autres pages du même domaine
  • globaux - vers d'autres domaines, en dehors du site
htmlInterne - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.tutorialehtml.com/"

HTML - Liens Texte

Pour définir le début et la fin d'une ancre peut être utilisé <a></a>. Choisissez le type d'attribut dont vous avez besoin et mettez le ensuite dans la balise.

Exemple:

html<a href="http://www.tutorialehtml.com" target="_blank" title="Tutoriels HTML">Tutoriels HTML</a>

Demo

HTML - Cibles de liens

L'attribut "target" indique au navigateur s'il a besoin d'ouvrir une nouvelle page dans une nouvelle fenêtre ou dans la meme fenêtre.

target="_blank"Ouvre une nouvelle fenêtre
_self"Ouvre une page dans la même fenêtre
_parent"Ouvre une nouvelle page dans un cadre supérieur du lien
_top"Ouvre une nouvelle page dans le même navigateur annulant tous les cadres

L'exemple suivant montre comment une nouvelle page peut être ouverte dans une fenêtre du navigateur. De cette manière nous pouvez rester sur la page du tutoriel et ouvrir une nouvelle page de navigation.

html<a href="http://www.google.com/" target="_blank" >Google </a>

Demo

HTML - Ancre

Est utilisé pour lier deux sections d'une même page. De cette manière nous avons besoin de donner un nom à ces sections, mème pour cela il est conseillé de jeter un oeil à l'exemple suivant.

html<h1>HTML - Référence Hypertexte / href<a name="top"></a></h1>
<h2>HTML - Liens du Texte<a name="text"></a></h2>
<h2>HTML - Texte E-mail<a name="email"></a> </h2>

Ensuite, nous avons besoin de créer un code au lien en le mettant avant le nom de l'ancre

html<a href="#top">Haut de page </a>
<a href="#text">Apprenez les liens de texte </a>
<a href="#email">Apprenez les adresses e-mail </a>

Demo

HTML - Lien E-mail

Créer un lien e-mail est très simple. Si vous voulez que quelqu'un vous écrive un email la meilleure chose à faire serait de mettre à sa disposition un lien avec votre email et un objet pré-établi.

html<a href="mailto:someone@example.com?subject=Questions " >Questions ici</a>

Demo

Si l'objet n'est pas suffisant et vous voulez ajouter quelque chose d'autre au contenu de l'email, vous pouvez le faire avec l'aide du code suivant:

html<a href="mailto:someone@example.com?subject=Questions&body=Ecrivez ici si vous avez des questions " >Questions ici </a>

Demo

HTML - Liens de téléchargement

Un lien de téléchargement ressemble à un lien de texte normal. Le problème vient lorsqu'on veut ajouter un photographe. La meilleure solution est d'utiliser une vignette avec un lien, mais nous parlerons davantage de ce probleme dans la prochaine leçon.

html<a href="http://www.tutorialehtml.com/htmlT/text.zip">Document de Texte</a>

HTML - Lien par Default/Lien de Base

utiliser la balise <base> à l'intérieur de l'élément <head> pour définir un lien de base. Ceci est nécessaire si vous avez quelque part un lien qui ne fonctionne pas ou si la destination n'existe plus. Le lien de base envoie l'utilisateur à l'adresse spécifiée. Généralement il envoie l'utilisateur au début de la page, mais n'importe quelle autre page est aussi acceptée, éventuellement une page spécialement créée à cet effet.

html<head>
	<base href="http://www.tutorialehtml.com/">
</head>