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 :
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"> 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. L'image utilise la balise <img>, qui sera discutée plus tard Résultats de l'exécution du code : En cliquant sur l'image ci-dessus, vous accéderez à http://www.php.cn/
Visitez la section de conseils utiles< /a><!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>
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Cours frontal base zéro [Vue apprentissage avancé et application pratique]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutoriel WEB front-end [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Application pratique Apipost [api, interface, tests automatisés, mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
