So verbinden Sie zwei Seiten einer Website-js-Tutorial-php.cn

So verbinden Sie zwei Seiten einer Website

Susan Sarandon

Freigeben： 2024-10-08 06:23:02

Original

940 Leute haben es durchsucht

How to Connect Two Pages in a Website

In diesem Leitfaden erfahren Sie, wie Sie zwei Seiten Ihrer Website mit einfachem HTML verknüpfen. Durch das Verknüpfen von Seiten können Benutzer problemlos zwischen verschiedenen Teilen Ihrer Website navigieren. Fangen wir an!

Erstellen Sie zwei HTML-Dateien Erstellen Sie zunächst zwei HTML-Dateien, die Sie verknüpfen möchten. Erstellen wir zum Beispiel eine mit dem Namen index.html (Ihre Homepage) und eine weitere mit dem Namen about.html (Ihre About-Seite).

So könnte der HTML-Code für jede Datei aussehen:

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>

Nach dem Login kopieren

about.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>

Nach dem Login kopieren

2. Verlinkung der Seiten

Um die beiden Seiten zu verbinden, verwenden wir das Tag in HTML, das einen Hyperlink definiert. Das href-Attribut innerhalb des Tags gibt den Pfad zu der Datei an, die Sie verknüpfen möchten.

Zum Beispiel:


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

Nach dem Login kopieren

In diesem Beispiel führt der Link den Benutzer beim Klicken zur Seite „about.html“.

Ähnlich können Sie auf der Info-Seite einen Link zurück zur Startseite erstellen, indem Sie Folgendes verwenden:


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

Nach dem Login kopieren

Dateistruktur Damit diese Links ordnungsgemäß funktionieren, sollten sich beide Dateien im selben Ordner befinden. Wenn sich Ihre HTML-Dateien in verschiedenen Ordnern befinden, müssen Sie im href-Attribut den richtigen Dateipfad angeben.

So sollte Ihre Dateistruktur aussehen, wenn sich beide Dateien im selben Ordner befinden:


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

Nach dem Login kopieren

Wenn sich die Dateien in verschiedenen Ordnern befinden, passen Sie die href-Attribute an, um die richtigen Pfade wiederzugeben.

Testen der Verbindung Öffnen Sie nach dem Einrichten Ihrer Links die Datei index.html in einem Webbrowser. Sie sehen einen Link, der Sie zur About-Seite führt. Wenn Sie darauf klicken, sollte es zu about.html navigieren. Ebenso sollten Sie auf der Info-Seite durch Klicken auf den Link zurück zur Startseite gelangen.

Fazit
So können Sie ganz einfach zwei Seiten Ihrer Website mithilfe von HTML verbinden. Dies ist ein grundlegender Schritt beim Aufbau einer Website und gewährleistet eine reibungslose Navigation für Benutzer. Viel Spaß beim Codieren!

Das obige ist der detaillierte Inhalt vonSo verbinden Sie zwei Seiten einer Website. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!