communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Comment créer des liens d'ancrage

Comment créer des liens d'ancrage

不言
Libérer： 2018-12-27 13:49:45
original
37186 Les gens l'ont consulté

Lorsqu'il y a trop de contenu sur la page Web, nous pouvons utiliser des liens d'ancrage pour accéder à l'emplacement. Grâce aux liens d'ancrage, nous pouvons non seulement pointer vers le document, mais également vers des paragraphes spécifiques de la page, ce qui le fera. il nous est plus facile de parcourir le contenu de la page Web, alors, comment mettre en œuvre des liens d'ancrage ? Cet article vous présentera comment implémenter des liens d'ancrage.

Comment créer des liens dancrage

Méthode 1 : Utiliser l'identifiant pour le positionnement de l'ancre

Regardons un exemple spécifique

Le code est le suivant

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<a href="#string">跳转</a>
<hr/>
<br><br><br><br><br>
<br><br><br><br><
<br><br><br>
<br><br>
<br><br>
<br><br>
<br>
<br>
<br>
<a id="string">hello,I&#39;m here!</a>
</body>
</html>
Copier après la connexion

L'effet de course est le suivant

Comment créer des liens dancrage

Lorsque vous cliquez sur "Sauter", il passera à " bonjour, je suis là !", l'effet est le suivant

Comment créer des liens dancrage

passera à "bonjour, je suis là !" sur la page actuelle.

Méthode 2 : Utiliser l'attribut name pour implémenter des liens d'ancrage

Regardez l'exemple spécifique

Le code est le suivant suit

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<a href="#string">跳转</a>
<hr/>
<br><br><br><br><br>
<br><br><br><br><
<br><br><br>
<br><br>
<br><br>
<br><br>
<br>
<br>
<br>
<a name="string">hello,I&#39;m here!</a>
</body>
</html>
Copier après la connexion

De plus, lorsque la souris clique sur "Sauter", elle passera à "Bonjour, je suis là sur la page actuelle !"

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!

Étiquettes associées：
lien d'ancrage
source：php.cn
Article précédent：Quelle est la différence entre l'attribut id et l'attribut name en HTML Article suivant：Comment utiliser bootstrap pour créer un formulaire
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Où dois-je placer la directive CustomLog dans Apache J'utilise php:7.2-apachedocker. Je dois désactiver le journal d'accès à la connexion à l'U...
Depuis 2024-04-06 22:03:59
0
1
990
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
Depuis 2024-04-06 19:23:03
0
1
411
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Le rayon de la bordure ne fonctionne pas pour l'image à l'intérieur du point d'ancrage J'utilise le code HTML suivant : <aclass="-video-detail-qualifiers-branding"&...
Depuis 2024-04-06 17:20:25
0
1
347
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal