MEILLEUR SITE POUR LES DÉVELOPPEURS WEB
HTML5. W3Schools en français. Le guide complet des tags

En Ua Es De

HTML <a> Tag


Exemple

Créer un lien vers W3Schools.com:

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
Try it Yourself »

Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.


Définition et utilisation

La balise <a> définit un lien hypertexte, qui est utilisé pour créer un lien d'une page à une autre.

L'attribut le plus important de l'élément <a> est l'attribut href, qui indique le lien du lien. destination.

Par défaut, les liens apparaîtront comme suit dans tous les navigateurs :

  • Un lien non visité est souligné et bleu
  • Un lien visité est souligné et violet
  • Un lien actif est souligné et rouge

Conseils et remarques

Astuce : Si la balise <a> n'a pas d'attribut href, il s'agit uniquement d'un espace réservé. pour un lien hypertexte.

Astuce : Une page liée est normalement affichée dans la fenêtre actuelle du navigateur, sauf si vous spécifiez une autre cible.

Astuce : Utilisez CSS pour styliser les liens : Liens CSS et CSS Boutons.


Prise en charge du navigateur

Élément
<a> Oui Oui Oui Oui Oui

Attributs

Attribut Valeur Description
download filename Spécifiez que la cible sera téléchargée lorsqu'un utilisateur clique sur le lien hypertexte
href URL Spécifiez l'URL de la page vers laquelle le lien mène
hreflang language_code Préciser la langue du document lié
media media_query Spécifiez pour quel support/appareil le document lié est optimisé
ping list_of_URLs Spécifiez une liste d'URL séparées par des espaces auxquelles, lorsque le lien est suivi, les demandes de publication avec le corps du ping seront envoyées par le navigateur (en arrière-plan). Généralement utilisé pour le suivi.
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
Spécifiez les informations de référence à envoyer avec le lien
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Spécifie la relation entre le document actuel et le document lié
target _blank
_parent
_self
_top
Spécifiez où ouvrir le document lié
type media_type Spécifiez le type de support du document lié

Attributs globaux

La balise <a> prend également en charge les attributs globaux en HTML.


Attributs d'événement

La balise <a> prend également en charge les Attributs d'événement en HTML.


Plus d'exemples

Exemple

Comment utiliser une image comme lien :

<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
Try it Yourself »

Exemple

Comment ouvrir un lien dans une nouvelle fenêtre de navigateur :

<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
Try it Yourself »

Exemple

Comment créer un lien vers une adresse e-mail :

<a href="mailto:someone@example.com">Envoyer un e-mail</a>
Try it Yourself »

Exemple

Comment créer un lien vers un numéro de téléphone :

<a href="tel:+4733378901">+47 333 78 901</a>
Try it Yourself »

Exemple

Comment créer un lien vers une autre section sur la même page :

<a href="#section2">Go to Section 2</a>
Try it Yourself »

Exemple

Comment créer un lien vers un JavaScript :

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
Try it Yourself »

Pages connexes

Tutoriel HTML : Liens HTML

Référence HTML DOM : Objet d'ancrage

Tutoriel CSS : Liens de style


Paramètres CSS par défaut

La plupart des navigateurs affichent l'élément <a> avec les valeurs par défaut suivantes :

a:link, a:visited {
  color: (internal value);
  text-decoration: underline;
  cursor: auto;
}

a:link:active, a:visited:active {
  color: (internal value);
}