HTML Liens

Liens se trouvent dans les pages Web, presque tous. Des liens permettent aux utilisateurs de cliquer sur leur façon de page en page.

---

Essayez vous-même - Exemples

Liens HTML
Comment créer des liens dans un document HTML.

(Vous pouvez trouver plus d'exemples au bas de cette page)

---

HTML Liens hypertextes (liens)

Un lien hypertexte (ou lien) est un mot, un groupe de mots, ou l'image que vous pouvez cliquer sur pour passer à un nouveau document ou une nouvelle section dans le document courant.

Lorsque vous déplacez le curseur sur un lien dans une page Web, la flèche se transforme en une petite main.

Les liens sont spécifiées en HTML en utilisant la balise <a>.

La balise <a> peut être utilisé de deux manières:

1. Pour créer un lien vers un autre document, en utilisant l'attribut href
2. Pour créer un signet dans un document, en utilisant l'attribut name

---

Syntaxe HTML Link

Le code HTML pour un lien est simple. Il ressemble à ceci:

<a href="url">Link text</a>

L'attribut href indique la destination d'un lien.

Exemple

<a href="http://www.w3schools.com/">Visit W3Schools</a>

qui permet d'afficher comme ceci: Visite W3Schools

En cliquant sur ce lien hypertexte envoyer à l'utilisateur la page d'accueil des W3Schools.

Astuce: Le " texte du lien "ne doit pas être du texte. Il peut être une image ou tout autre élément HTML.

---

Liens HTML - l'attribut cible

L'attribut target spécifie la façon d'ouvrir le document lié.

L'exemple ci-dessous pour ouvrir le document lié dans une nouvelle fenêtre de navigateur ou un nouvel onglet:

Exemple

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Essayez vous-même »

---

Liens HTML - l'attribut nom

L'attribut name spécifie le nom d'une ancre.

L'attribut name est utilisé pour créer un signet dans un document HTML.

Remarque: Le prochain standard HTML5 suggère d'utiliser l'attribut id au lieu de l'attribut name pour spécifier le nom d'une ancre. Utilisation de l'attribut id fonctionne réellement aussi pour HTML4 dans tous les navigateurs modernes.

Les signets sont pas affichés d'une manière particulière. Ils sont invisibles pour le lecteur.

Exemple

Une ancre nommée dans un document HTML:

<a name="tips">Useful Tips Section</a>

Créer un lien vers la section "Conseils utiles" à l'intérieur du même document:

<a href="#tips">Visit the Useful Tips Section</a>

Ou, créer un lien vers la section "Conseils utiles" d'une autre page:

<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

---

Notes de base - Conseils utiles

Note: Toujours ajouter une barre oblique à des références sous-dossier. Si vous liez comme ceci: href = "http://www.w3schools.com/html", vous allez générer deux requêtes vers le serveur, le serveur va d'abord ajouter une barre oblique à l'adresse, puis créer une nouvelle demande, comme ce : href = "http://www.w3schools.com/html/".

Astuce: Les ancres nommées sont souvent utilisés pour créer des "table des matières" au début d'un gros document. Chaque chapitre de ce document est donnée une ancre nommée, et des liens vers chacune de ces ancres sont mis à la partie supérieure du document.

---

Exemples

Une image comme un lien
Comment utiliser une image comme un lien.

Lien vers un emplacement sur ​​la même page
Comment faire un lien vers un signet.

Sortez d'une trame
Comment sortir d'un cadre (si votre site est bloqué dans un cadre).

Créer un lien mailto
Comment créer un lien vers un message électronique (ne fonctionne que si vous avez du courrier installé).

Créer un lien mailto 2
Un autre lien mailto.

---

Balises HTML Link

Balise	Description
<a>	Définit un point d'ancrage