une balise pour créer un lien hypertexte, puis grâce à la balise a, vous pouvez lier une page à une autre page. Introduction détaillée : pour réaliser un saut de page, vous devez renseigner l'URL de la page cible dans l'attribut href. L'URL peut être un chemin relatif ou un chemin absolu. Le chemin relatif est le chemin relatif à la page actuelle, et le chemin relatif est le chemin relatif à la page actuelle. le chemin absolu est l’adresse URL complète.
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.
En développement web, la balise a est une balise utilisée pour créer des hyperliens. Grâce à une balise, nous pouvons relier une page à une autre page. Dans cet article, nous verrons comment utiliser la balise a pour réaliser des sauts de page.
Tout d’abord, nous devons comprendre la syntaxe de base d’une balise. La balise a est une balise HTML, et sa structure de base est la suivante :
<a href="目标页面URL">链接文本</a>
Parmi eux, l'attribut href est utilisé pour spécifier l'URL de la page cible, et le texte du lien est le texte affiché lorsque l'utilisateur clique.
Pour réaliser un saut de page, nous devons renseigner l'URL de la page cible dans l'attribut href. L'URL peut être un chemin relatif ou un chemin absolu. Un chemin relatif est un chemin relatif à la page actuelle, tandis qu'un chemin absolu est l'adresse URL complète.
Si la page cible est dans le même répertoire que la page actuelle, nous pouvons utiliser des chemins relatifs. Par exemple, si notre page cible est index.html et que la page actuelle est également index.html dans le même répertoire, nous pouvons utiliser le chemin relatif "./index.html" pour spécifier la page cible.
Si la page cible se trouve dans un répertoire différent, nous pouvons utiliser des chemins relatifs pour spécifier l'emplacement de la page cible. Par exemple, si la page cible se trouve à index.html dans le répertoire sous-dossier du répertoire de niveau supérieur, nous pouvons utiliser le chemin relatif "../subfolder/index.html" pour spécifier la page cible.
De plus, nous pouvons également utiliser des chemins absolus pour spécifier l'emplacement de la page cible. Les chemins absolus incluent les protocoles, les noms de domaine et les chemins. Par exemple, si l'URL complète de la page cible est https://www.example.com/subfolder/index.html, nous pouvons directement renseigner l'URL dans l'attribut href.
En plus de spécifier l'URL de la page cible, nous pouvons également ajouter d'autres attributs à la balise a pour obtenir plus de fonctions. Par exemple, nous pouvons utiliser l'attribut target pour spécifier où le lien doit être ouvert. Par défaut, les liens s'ouvrent dans la fenêtre ou l'onglet actuel. Si nous voulons que le lien s'ouvre dans une nouvelle fenêtre ou un nouvel onglet, nous pouvons définir l'attribut cible sur "_blank".
Voici un exemple montrant comment utiliser la balise a pour réaliser des sauts de page :
<!DOCTYPE html> <html> <head> <title>页面跳转示例</title> </head> <body> <h1>页面跳转示例</h1> <p>点击下面的链接跳转到目标页面：</p> <a href="./target.html">跳转到目标页面</a> <p>点击下面的链接在新的窗口中打开目标页面：</p> <a href="./target.html" target="_blank">在新窗口打开目标页面</a> </body> </html>
Dans l'exemple ci-dessus, nous avons créé deux liens. Le premier lien utilise le chemin relatif "./target.html". Lorsque l'utilisateur clique sur le lien, il accède à la page target.html dans le répertoire actuel. Le deuxième lien utilise également un chemin relatif et définit l'attribut cible sur "_blank". Lorsque l'utilisateur clique sur le lien, la page target.html s'ouvrira dans une nouvelle fenêtre.
En utilisant la balise a, nous pouvons facilement accéder à la page. Que ce soit dans le même répertoire ou dans des répertoires différents, les chemins relatifs et les chemins absolus peuvent nous aider à préciser l'emplacement de la page cible. Dans le même temps, nous pouvons également utiliser d'autres attributs pour implémenter davantage de fonctions, comme l'ouverture de liens dans de nouvelles fenêtres. .
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
