Lien HTML



HTML utilise un lien hypertexte pour se connecter à un autre document sur le Web. Des liens peuvent être trouvés sur presque toutes les pages Web. Cliquez sur un lien pour passer d'une page à une autre.


Essayez-le - Exemple

Liens HTML
Comment créer un lien dans un document HTML.

(Plus d'exemples peuvent être trouvés au bas de cette page)


Hyperliens HTML (liens)

HTML utilise la balise <a> pour mettre en place des liens hypertextes.

Un lien hypertexte peut être un mot, un mot, un groupe de mots ou une image. Vous pouvez cliquer sur ces contenus pour accéder à un nouveau document ou à une certaine partie du document actuel.

Lorsque vous déplacez le pointeur de la souris sur un lien sur la page Web, la flèche se transforme en une petite main.

L'attribut href est utilisé dans la balise <a> pour décrire l'adresse du lien.

Par défaut, les liens apparaîtront dans le navigateur comme :

  • Un lien non visité apparaît en bleu et souligné.

  • Les liens visités apparaissent en violet et soulignés.

  • Lorsqu'un lien est cliqué, il apparaît en rouge et souligné.

Remarque : Si des styles CSS sont définis pour ces hyperliens, le style d'affichage sera affiché en fonction des paramètres CSS.


Syntaxe du lien HTML

Le code HTML du lien est très simple. Cela ressemble à ceci : 

<a href="url">Texte du lien</a>

L'attribut href décrit la cible du lien. .

Instance

<a href="../">访问php中文网</a>
La ligne de code ci-dessus s'affiche comme : Visitez le site Web chinois php

Cliquer sur cet hyperlien L'utilisateur est redirigé vers la page d'accueil du site Web php chinois.

Conseil : "Texte du lien" ne doit pas nécessairement être du texte. Les images ou autres éléments HTML peuvent devenir des liens.


Lien HTML - attribut cible

À l'aide de l'attribut cible, vous pouvez définir où le document lié sera affiché.

La ligne suivante ouvrira le document dans une nouvelle fenêtre :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<a href="http://www.php.cn/" target="_blank">访问php中文网!</a>

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'exemple" pour afficher l'exemple en ligne



Connexion HTML - Attribut id

L'attribut id peut être utilisé pour créer un signet balises dans un document HTML.

Conseils : Les signets ne sont pas affichés de manière particulière et ne sont pas affichés dans les documents HTML, ils sont donc cachés aux lecteurs.

Exemple

Insérer un identifiant dans un document HTML :

<a id="tips">Section Conseils utiles</a>

Créez un lien vers la "Section Conseils utiles (id="tips")" dans le document HTML :

<a href="#tips">Accédez à la section Conseils utiles </a>

Vous pouvez également créer un lien vers la "Section Conseils utiles (id="tips")" à partir d'une autre page :

<a href ="http://www.php.cn/html/html-links.html#tips">
Visitez la section de conseils utiles</a>


Notes de base - Conseils utiles

Remarque : Ajoutez toujours des barres obliques aux sous-dossiers. Si le lien est écrit ainsi : href="http://www.php.cn/html", deux requêtes HTTP seront générées vers le serveur. En effet, le serveur ajoutera une barre oblique à l'adresse, puis créera une nouvelle requête, comme celle-ci : href="http://www.php.cn/html/".

Plus d'exemples

Liens d'images
Comment utiliser les liens d'images.

Lien vers l'emplacement spécifié sur la page actuelle
Comment utiliser les favoris

Rebondir hors du cadre
Cet exemple montre comment sortir du cadre si votre page est maintenue dans le cadre.

Créer un lien vers un e-mail
Cet exemple montre comment créer un lien vers un e-mail. (Cet exemple ne peut fonctionner qu'après l'installation d'un programme client de messagerie.)

Créer un lien de courrier électronique 2
Cet exemple montre un lien de courrier électronique plus complexe.


Balise de lien HTML

baliseDescription
<a>
标签描述
<a>定义一个超级链接
Définir un super Lien