Comment connecter deux pages dans un site Web-js tutoriel-php.cn

Comment connecter deux pages dans un site Web

Susan Sarandon

Libérer： 2024-10-08 06:23:02

original

941 Les gens l'ont consulté

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>

Copier après la connexion

à 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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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!