suchen

Heim  >  Artikel  >  Web-Frontend  >  So verbinden Sie zwei Seiten einer Website

So verbinden Sie zwei Seiten einer Website

Susan Sarandon
Susan SarandonOriginal
2024-10-08 06:23:021029Durchsuche

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!

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

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>

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>

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

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

  1. 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!

html if for using Attribute this href
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Aussageabdeckung: Eine Grundlage für effektives TestenNächster Artikel：Aussageabdeckung: Eine Grundlage für effektives Testen

In Verbindung stehende Artikel

Mehr sehen