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);
}