Balise <a> HTML

Définition et utilisation

<a> La balise définit un hyperlien, utilisé pour relier une page à une autre.

<a> L'attribut le plus important de l'élément est Attribut hrefindique l'endroit où le lien envoie.

Par défaut, les liens s'affichent ainsi dans tous les navigateurs :

  • Les liens non visités sont soulignés et de couleur bleue
  • Les liens visités sont soulignés et de couleur pourpre
  • Les liens visités sont soulignés et de couleur rouge

Vous avez peut-être remarqué que l'apparence des liens sur le site CodeW3C.com est très différente de l'apparence par défaut des liens. Vous pouvez utiliser Pseudo-classe CSS Ajouter des styles complexes et variés aux liens de texte.

Voir également :

Tutoriel HTML :Lien HTML

Manuel de référence HTML DOM :Objet Anchor

Tutoriel CSS :Style de lien

Explication des termes

Qu'est-ce que le hyper-texte ?

Exemple

Exemple 1

Créer un lien vers codew3c.com :

<a href="https://www.codew3c.com">Visitez codew3c.com !</a>

Exemple 2

Comment utiliser une image comme lien :

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Exemple 3

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

<a href="https://www.codew3c.com" target="_blank">Visitez codew3c.com !</a>

Exemple 4

Comment se connecter à une adresse e-mail :

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

Exemple 5

Comment se connecter à un numéro de téléphone :

<a href="tel:+8613888888888">+86 138 8888 8888</a>

Lien CSS Bouton CSS.

Définit ce que le fichier cible sera téléchargé lorsque l'utilisateur clique sur l'hyperlien.
Définit l'URL de la page vers laquelle le lien pointe.
Définit la langue du document lié.
Définit pourquoi le document lié est optimisé pour un type de média / appareil.
Définit une liste d'URLs espacés par des espaces, lorsque le lien est visité, le navigateur enverra une requête POST avec un corps de ping (envoyé en arrière-plan). Habituellement utilisé pour le suivi.
Définit les informations de référence à envoyer avec le lien.
  • Next
 Définit la relation entre le document actuel et le document lié.
target
Définit où ouvrir le document lié.
type Type de média Définit le type de média du document lié.

Attributs globaux

<a> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<a> Les balises prennent également en charge Attributs d'événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <a> Élément :

a:link, a:visited {
  color: (valeur interne);
  text-decoration: underline;
  cursor: auto;
{}
a:link:active, a:visited:active {
  color: (valeur interne);
{}

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support