Maison >interface Web >tutoriel HTML >Comment lier des pages en HTML à l'aide d'URL relatives ?
Comment lier des pages en HTML à l'aide d'URL relatives ?
- WBOYavant
- 2023-09-14 13:09:02586parcourir
En HTML, différents éléments HTML ont des attributs qui pointent vers d'autres ressources. La valeur de ces propriétés est une URL, qui peut être absolue ou relative.
Les URL relatives ne contiennent pas l'URL complète. Avec les URL relatives, nous commençons automatiquement à l'adresse où se trouve actuellement le navigateur, puis ajoutons les composants de chemin et l'extension. Indiquez explicitement au navigateur d'utiliser le dossier actuel.
Grammaire
Voici la syntaxe pour lier des pages à l'aide d'URL relatives.
<a href="relative URL">Link text…</a>La traduction chinoise de
Exemple
est :Exemple
Ce qui suit est un exemple de programme pour lier des pages à l'aide d'URL relatives.
Page de connexion
<!DOCTYPE html>
<html>
<body>
<h2>Relative link</h2>
<h3>Sign In Page</h3>
<form>
<label for="fname">Email Address</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="lname">Password</label><br>
<input type="text" id="lname" name="lname" ><br><br>
<input type="submit" value="Login"> <a href="Untitled-2.html">Sign Up</a>
</form>
</body>
</html>
Page d'inscription
<!DOCTYPE html>
<html>
<body>
<h2>Relative link</h2>
<h3>Sign Up Page</h3>
<form>
<label for="fname">Name</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="email">Email</label><br>
<input type="text" id="email" name="email" ><br>
<label for="fname">Password</label><br>
<input type="text" id="fname" name="fname" ><br>
<label for="lname"> Re-enter Password</label><br>
<input type="text" id="lname" name="lname" ><br><br>
<input type="submit" value="Submit"> <a href="Untitled-1.html">Login</a>
</form>
</body>
</html>
Dans l'exemple ci-dessus, nous avons lié deux pages différentes à l'aide d'URL relatives. Les URL relatives ne contiennent pas l'adresse Web complète. Comme nous pouvons le voir dans l’exemple de programme ci-dessus.
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!