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:
htmlInterne - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.tutorialehtml.com/"
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>
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>
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>
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>
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>
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>
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>