Maison >programmation quotidienne >connaissance HTML >Explication détaillée des méthodes et fonctions d'ajout d'hyperliens et d'ancres au HTML (avec vidéo)
Explication détaillée des méthodes et fonctions d'ajout d'hyperliens et d'ancres au HTML (avec vidéo)
- 藏色散人original
- 2018-09-11 16:15:208508parcourir
Cet article présente principalement comment ajouter des paramètres pour les ancres de liens hypertextes en HTML et quelles sont leurs fonctions.
Les hyperliens et les ancres HTML sont des concepts que je pense que la plupart de mes amis connaissent déjà très bien, mais pour les débutants qui débutent en HTML, comment ajouter html La question des hyperliens l'ancre est peut-être encore un peu floue. Cet article s'adresse donc aux amis novices, j'espère qu'il sera utile à ceux qui en ont besoin !
Ci-dessous, nous l'expliquerons en détail à travers des exemples de code HTML spécifiques.
L'exemple de code pour ajouter des ancres de lien hypertexte en HTML est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="http://www.php.cn">PHP中文网</a>
<a href="#one">第一篇文章</a>
<a href="#two">第二篇文章</a>
<a href="#three">第三篇文章</a>
<a name="one"></a>
<h1>第一篇文章</h1>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<a name="two"></a>
<h1>第二篇文章</h1>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<a name="three"></a>
<h1>第三篇文章</h1>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<p>这是一段文章内容</p>
<a href="">回到顶部</a>
</body>
</html>Dans ce code, nous utilisons principalement le , lorsque nous ajoutons directement l'attribut href="link address to jump to" directement dans la balise a, nous pouvons implémenter un lien hypertexte texte. Par exemple, la section de code ci-dessus Site Web chinois PHP se rend compte que lorsque vous cliquez sur le champ du site Web chinois PHP, vous pouvez accéder directement à La page de lien spécifiée.
Lorsque nous ajoutons l'attributname=" #anchor name" dans la balise a, cela signifie que le lien d'ancrage est défini. Ensuite, dans le texte principal, vous pouvez définir le point d'ancrage à la position spécifiée, c'est-à-dire ajouter name="anchor name" dans la balise a. Attention à ne pas ajouter le symbole # ici.
L'effet global du code ci-dessus est le suivant :
au HTML, alors que pensez-vous des liens d'ancrage et des hyperliens ordinaires Vous devriez également avoir une certaine compréhension de la différence. Le contenu ci-dessus est très simple et facile à comprendre. J'espère qu'il sera utile aux amis dans le besoin ! Vous pouvez également vous référer au Tutoriel Vidéo[Ajoutez des hyperliens en HTML et allez où vous le souhaitez sur la page d'ancrage] correspondant.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!