communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Lien HTML

HTML utilise des hyperliens pour se connecter à un autre document sur le Web.

Vous pouvez trouver des liens dans presque toutes les pages Web. Cliquez sur un lien pour passer d'une page à une autre.

Regardons d'abord un exemple de lien

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<p><a href="/">PHP中文网</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.baidu.com/">百度</a>这是一个指向百度的链接</p>
</body>
</html>

Résultats d'exécution du code :

1.png

Lien hypertexte HTML (Lien)

HTML utilise la balise <a>

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 au document actuel. une partie de.

Lorsque vous déplacez le pointeur de la souris sur un lien de 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 exemple, si vous créez un lien vers la page d'accueil du site php.cn, cela peut s'exprimer ainsi :

<a href="http://www.php.cn">Site Web PHP chinois</a> 🎜>

Par défaut, le lien apparaîtra dans le navigateur comme :


Un lien qui n'a pas été visité

est affiché en police bleue et souligné. Les liens visités par

apparaissent en violet et soulignés. Lorsqu'un lien est cliqué

, le lien 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.

Connexion HTML - Attribut id

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

Conseil : 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 masqués aux lecteurs.

Insérer l'ID dans le 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"> ; Visitez 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

Remarque : ajoutez toujours des barres obliques aux sous-dossiers. Si vous écrivez le lien comme ceci : 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/".

Exemple

Comment utiliser les liens d'images. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>创建图片链接:
    <a href="http://www.php.cn/">
        <img src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
<p>无边框的图片链接:
    <a href="http://www.php.cn/html/">
        <img border="0" src="1.jpg" alt="HTML 教程" width="50" height="50"></a></p>
</body>
</html>

L'image utilise la balise <img>, qui sera discutée plus tard

Résultats de l'exécution du code :

1.jpg

En cliquant sur l'image ci-dessus, vous accéderez à http://www.php.cn/



Formation continue
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <p><a href="/">PHP中文网</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href="http://www.baidu.com/">百度</a>这是一个指向百度的链接</p> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492832 joue