In diesem Handbuch lernen Sie, wie Sie zwei Seiten auf Ihrer Website mit grundlegendem HTML verknüpfen. Durch Verknüpfungsseiten können Benutzer einfach zwischen verschiedenen Teilen Ihrer Website navigieren. Lass uns anfangen!

1. Erstellen Sie zwei HTML -Dateien Erstellen Sie zunächst zwei HTML -Dateien, die Sie verlinken möchten. Lassen Sie uns beispielsweise einen namens Index.html (Ihre Homepage) und eine andere genannt.html (Ihre Überseite) erstellen.

So könnte die HTML für jede Datei aussehen:

index.html:

    
    
    


    
Welcome to the Home Page
    
Go to About Page

über.html:

    
    
    


    
About Us
    
Go to Home Page

2. Verknüpfen der Seiten

Um die beiden Seiten zu verbinden, verwenden wir das Tag in HTML, das einen Hyperlink definiert. Das HREF -Attribut im Tag gibt den Pfad zu der Datei an, die Sie verlinken möchten.

Zum Beispiel:

Go to About Page

In diesem Beispiel führt der Link den Benutzer auf die Seite "About.html", wenn er klickt.

In ähnlicher Weise können Sie auf der About -Seite einen Link zur Startseite erstellen:

Go to Home Page

1. Dateistruktur Damit diese Links korrekt funktionieren, sollten sich beide Dateien im selben Ordner befinden. Wenn sich Ihre HTML -Dateien in verschiedenen Ordnern befinden, müssen Sie den richtigen Dateipfad im HREF -Attribut 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 widerzuspiegeln.

1. testen die Verbindung Öffnen Sie nach dem Einrichten Ihrer Links die Datei index.html in einem Webbrowser. Sie sehen einen Link, der Sie zur Seite bringt. Wenn Sie darauf klicken, sollte es zu ungefähr.html navigieren. In ähnlicher Weise sollten Sie auf der Seite über die Seite auf den Link zurück zur Startseite bringen.

Abschluss
Auf diese Weise können Sie mit HTML problemlos zwei Seiten auf Ihrer Website verbinden. Dies ist ein grundlegender Schritt beim Erstellen einer Website, um die reibungslose Navigation für Benutzer sicherzustellen. Happy Coding!