Écrire des hyperliens

Les ancres

ancreIl est possible de créer une ancre dans une page, c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par un lien hypertexte. Les signets ou ancres se définissent grâce à l'attribut id.
La création de l'ancre se réalise en deux étapes :

  • Insérer l'ancre à un endroit précis de la page. Voici la syntaxe : <a id="ancre"> ... </a>
  • Deuxième étape : on insère un lien texte pour se rendre sur l'ancre, de la manière suivante : <a href="#ancre"> ... </a>

L'ancre permet à l'utilisateur de se déplacer dans la même page ou bien d'aller à un endroit précis vers une autre page .
On insère alors un lien texte auquel on ajoute l'ancre en fin de syntaxe : <a href="url/lapage.html#ancre"> ... </a>

L'attribut name était auparavant employé pour les ancres, il n'est plus d'usage en HTML 5, en effet l'attribut id précise qu'il est unique.

Liens vers un courriel

Vous pouvez créer un lien e-mail pour que la messagerie paramétrée par défaut du visiteur se lance automatiquement.
<a href="mailto:nom@provider.com">

Lien e-mail avec sujet

Voici un exemple :
<a href="mailto:nom@provider.com?subject=renseignement">contact</a>

Lien e-mail avec sujet, et texte dans le corps du message

Exemple :
<a href="mailto: nom@provider.com?subject=renseignement&body=Votre message">exemple</a>

Lien e-mail avec sujet, envoyé à 2 personnes (dont une en CC)

Exemple :
<a href="mailto: nom@provider.com?cc=nomb@provider.com&subject=renseignement">exemple</a>

Ajouter un titre

On peut ajouter un titre à son lien avec l'attribut title. Ainsi en survolant le lien, une bulle d'aide s'affichera:
<a href="http://www.google.fr" title="je cherche, je trouve ">

Ouvrir un nouvelle fenêtre

Pour ouvrir une nouvelle fenêtre de navigateur , lorsque l'on écrit un lien vers un site extérieur par exemple, on emploie plus l'attribut target dans la balise <a>.

<a href ="monlienExterne.html" target="_blank"> texte </a>