Maison >interface Web >js tutoriel >Comment connecter deux pages dans un site Web

Comment connecter deux pages dans un site Web

Susan Sarandonoriginal: 2024-10-08 06:23:021101parcourir

How to Connect Two Pages in a Website

Dans ce guide, vous apprendrez à lier deux pages de votre site Web en utilisant le HTML de base. Les pages de liaison permettent aux utilisateurs de naviguer facilement entre les différentes parties de votre site. Commençons !

Créer deux fichiers HTML Tout d’abord, créez deux fichiers HTML que vous souhaitez lier. Par exemple, créons-en un appelé index.html (votre page d'accueil) et un autre appelé about.html (votre page à propos).

Voici à quoi pourrait ressembler le code HTML de chaque fichier :

index.html :


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page</title>
</head>
<body>
    <h1>Welcome to the Home Page</h1>
    <p><a href="about.html">Go to About Page</a></p>
</body>
</html>

à propos.html :


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Page</title>
</head>
<body>
    <h1>About Us</h1>
    <p><a href="index.html">Go to Home Page</a></p>
</body>
</html>

2. Lier les pages

Pour relier les deux pages, on utilise la balise en HTML, qui définit un hyperlien. L'attribut href à l'intérieur de la balise spécifie le chemin d'accès au fichier que vous souhaitez lier.

Par exemple :


<a href="about.html">Go to About Page</a>

Dans cet exemple, le lien redirigera l'utilisateur vers la page about.html lorsqu'il cliquera.

De même, sur la page À propos, vous pouvez créer un lien vers la page d'accueil en utilisant :


<a href="index.html">Go to Home Page</a>

Structure des fichiers Pour que ces liens fonctionnent correctement, les deux fichiers doivent se trouver dans le même dossier. Si vos fichiers HTML se trouvent dans des dossiers différents, vous devrez spécifier le chemin de fichier correct dans l'attribut href.

Voici à quoi devrait ressembler votre structure de fichiers si les deux fichiers se trouvent dans le même dossier :


/website-folder
   ├── index.html
   ├── about.html

Si les fichiers se trouvent dans des dossiers différents, ajustez les attributs href pour refléter les chemins corrects.

Test de la connexion Après avoir configuré vos liens, ouvrez le fichier index.html dans un navigateur Web. Vous verrez un lien qui vous mènera à la page À propos. Lorsque vous cliquez dessus, vous devriez accéder à about.html. De même, sur la page À propos, cliquer sur le lien devrait vous ramener à la page d'accueil.

Conclusion
C’est ainsi que vous pouvez facilement connecter deux pages de votre site Web en utilisant HTML. Il s’agit d’une étape fondamentale dans la construction d’un site internet, garantissant une navigation fluide aux utilisateurs. Bon codage !

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!

html if for using Attribute this href

Déclaration：

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

Article précédent：Couverture des déclarations : une base pour des tests efficacesArticle suivant：Couverture des déclarations : une base pour des tests efficaces

Articles Liés

Voir plus