Conception & Réalisation de sites Web

Les liens hypertextes

La balise «a»

Une des principales originalité du Web, est la possibilité de passer d'une page à une autre, ou d'un site à un autre, en cliquant sur des liens.

Ceci est rendu possible en HTML par l'utilisation de la balise «a» et de son attribut href.

Exemple d'utilisation:

<a href="page2.html">Cliquez ici pour afficher une autre page</a>

Dans votre navigateur vous verrez :

On place donc entre les balises <a> et </a> le texte qui sera cliquable.

On précise le chemin de la page à accéder avec l'attribut href (comme hypertexte référence). Notez bien que :

  • le nom de la page dans l'attribut href doit être en tout point identique au nom du fichier HTML appelé. N'oubliez pas de préciser l'extension (.html) et de respecter la casse des caractères (majuscules / minuscules).
  • le nom du fichier ne doit comprendre aucun caractère spéciaux autre que les tirets (pas d'espace, pas d'accents, etc...). Evitez également les minuscules pour s'éviter des erreurs. Par exemple, si votre page s'appelle, "historique de l'année.html", renommer la en "historique-annee.html".
  • si la page n'est pas situé dans le même réperoire que la page qui l'appelle, il faut préciser le chemin pour y accéder. Par exemple, si la est dans un sous-dossier "pages", nous l'appellerons ainsi : src="pages/page2.html".

En résumé

Balise Indication donnée au navigateur
<a> Début d'un lien hypertexte. Cette balise propose les attributs suivants :
href="Val", Val le chemin complet vers la page à afficher
target="_blank", permet l'ouverture du lien dans une nouvelle fenêtre.
</a> Fin d'un lien hypertexte.
Copyright © 2017 Erwan DUPEUX MAIRE - Tous droits réservés.
Valid XHTML 1.0 Transitional Valid CSS!