English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML utilise des hyperliens pour se connecter à un autre document sur le Web. On peut trouver des liens dans presque toutes les pages web. En cliquant sur un lien, vous pouvez passer d'une page à une autre.
Hyperlien HTML Comment créer un hyperlien dans un document HTML.
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial(oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">Ce texte</a> est un lien vers une page sur ce site.</p> <p><a href="https://www.baidu.com/">百度</a> est un lien vers une page sur le Web.</p> </body> </html>Vérifiez et voyez si ça fonctionne ‹/›
HTML utilise le tag <a> pour définir les liens hypertextes.
Un hyperlien peut être un mot, un groupe de mots, ou même une image. Vous pouvez cliquer sur ces éléments pour passer à un nouveau document ou à une partie spécifique du document en cours.
Quand vous déplacez le pointeur de la souris sur un lien dans une page web, la flèche devient une petite main.
L'attribut href est utilisé dans le tag <a> pour décrire l'adresse du lien.
Par défaut, les liens apparaissent sous la forme suivante dans le navigateur :
Un lien non visité est affiché en police bleue avec une ligne souscrite.
Les liens visités sont affichés en pourpre avec une ligne souscrite.
Lorsque vous cliquez sur le lien, il est affiché en rouge avec une ligne souscrite.
Remarque : Si des styles CSS sont définis pour ces hyperliens, la présentation sera selon les paramètres CSS.
Le code HTML des liens est simple. Il ressemble à cela :
<a href="https://fr.oldtoolbag.com">Site Web de la base de connaissances</a>
L'attribut href décrit l'objectif du lien.
<a href="https://fr.oldtoolbag.com/">Accédez au site Web de la base de connaissances</a>
Le code suivant est affiché :Accédez à la base de connaissances
Cliquez sur ce hyperlien pour rediriger l'utilisateur vers la page d'accueil de la base de connaissances.
Avis : "Texte du lien" n'a pas besoin d'être du texte. Une image ou un élément HTML peut également être un lien.
Avec l'attribut target, vous pouvez définir où le document lié doit être affiché.
La ligne suivante ouvrira le document dans une nouvelle fenêtre :
<a href="https://fr.oldtoolbag.com/" target="_blank">Accédez à la base de connaissances !/a>Vérifiez et voyez si ça fonctionne ‹/›
L'attribut id peut être utilisé pour créer un signet dans un document HTML.
Avis : Les signets ne sont pas affichés de manière spéciale, ils ne sont pas affichés dans un document HTML, donc ils sont cachés pour le lecteur.
Insérez un ID dans un document HTML :
<a id="tips">Section des conseils utiles</a>
Créez un lien vers "section des conseils utiles (id="tips" )" dans un document HTML :
<a href="#tips">Accéder à la section des conseils utiles</a>
Ou, créez un lien vers "section des conseils utiles (id="tips" )" à partir d'une autre page :
<a href="https://fr.oldtoolbag.com/html/html-links.html#tips"> Accéder à la section des conseils utiles</a>
Remarque : Ajoutez toujours la barre oblique oblique à la sous-dossier. Si vous écrivez ainsi le lien : href="https://fr.oldtoolbag.com/html"会产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://fr.oldtoolbag.com/html/".
Liens d'images Ce exemple montre comment utiliser des liens d'images.
Lier à une position spécifique sur la page actuelle Ce exemple montre comment utiliser les signets
Sortir du cadre Ce exemple montre comment sortir du cadre, si votre page est bloquée à l'intérieur du cadre.
Créer un lien e-mail Ce exemple montre comment lier à une boîte aux lettres. (Cet exemple ne fonctionne que après l'installation du programme client de messagerie.)
Créer un lien e-mail 2 Cette exemple montre un lien e-mail plus complexe.
| Balise | Description |
| <a> | Définir un hyperlien |