Exemple
Un lien vers w3ii.com:
<a href="http://www.w3ii.com">Visit w3ii.com!</a>
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
La <a> balise définit un lien hypertexte, qui est utilisé pour relier d'une page à une autre.
L'attribut le plus important de l' <a> élément est le href attribut, qui indique la destination du lien.
Par défaut, les liens apparaissent comme suit dans tous les navigateurs:
- Un lien unvisited est souligné et bleu
- Un lien visité est soulignée et violet
- Un lien actif est souligné et rouge
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <a> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Astuce: Les following attributs: download, hreflang, media, rel, target , et le type ne peut pas être présent si le href attribut est absent.
Astuce: Une page liée est normalement affichée dans la fenêtre du navigateur, sauf si vous spécifiez une autre cible.
Astuce: Utilisez les CSS pour les liens de style: CSS Liens Tutoriel & CSS Boutons Tutorial
Différences entre HTML 4.01 et HTML5
Dans HTML 4.01, le <a> tag pourrait être soit un lien hypertexte ou une ancre. En HTML5, le <a> tag est toujours un lien hypertexte, mais si elle n'a pas href attribut, il est seulement un espace réservé pour un lien hypertexte.
HTML5 a quelques nouveaux attributs, et certains HTML 4.01 attributs ne sont plus pris en charge.
Les attributs
= Nouveau en HTML5.
Attributs globaux
Le <a> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <a> tag soutient également l' événement Attributs en HTML .
Essayez-le vous-même - Exemples
Créer des hyperliens
Comment créer des liens hypertexte.
Une image en tant que lien
Comment utiliser une image comme un lien.
Ouvrir un lien dans une nouvelle fenêtre de navigateur
Comment ouvrir un lien dans une nouvelle fenêtre du navigateur, de sorte que le visiteur n'a pas à quitter votre site Web.
Créer un lien mailto
Comment créer un lien vers un message électronique (ne fonctionnera que si vous avez installé la poste).
Créer un lien mailto 2
Un autre lien mailto.
Lien vers un élément avec un spécifié id
Comment créer un lien vers un élément avec un spécifié id dans une page (le name attribut est pas pris en charge HTML5).
Lien vers un JavaScript
Comment ajouter un JavaScript à l' intérieur du href attribut.
Pages associées
HTML tutoriel: Liens HTML
Référence HTML DOM: Anchor Object
Tutoriel CSS: Coiffure Liens
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <a> élément 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 );
} | Attribut | Valeur | La description |
|---|---|---|
| charset | char_encoding | Non pris en charge en HTML5. Indique le jeu de caractères d'un document lié |
| coords | coordinates | Non pris en charge en HTML5. Indique les coordonnées d'un lien |
| download | filename | Indique que la cible sera téléchargé lorsqu'un utilisateur clique sur le lien hypertexte |
| href | URL | Indique l'URL de la page le lien va à |
| hreflang | language_code | Indique la langue du document lié |
| media | media_query | Indique quels médias / périphérique le document lié est optimisé pour |
| name | section_name | Non pris en charge en HTML5. Utilisez le global id attribut à la place. Indique le nom d'une ancre |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Indique la relation entre le document courant et le document lié |
| rev | text | Non pris en charge en HTML5. Indique la relation entre le document lié et le document en cours |
| shape | default rect circle poly | Non pris en charge en HTML5. Indique la forme d'un lien |
| target | _blank _parent _self _top framename | Indique où ouvrir le document lié |
| type | media_type | Indique le type de support du document lié |