Das Erstellen von Links zwischen HTML-Seiten ist ein wichtiger Teil des Website-Entwicklungsprozesses. Dadurch können Benutzer auf der Website navigieren, zu anderen Seiten navigieren und die gewünschten Informationen abrufen. Wie erstelle ich einen solchen Link? Es stellt sich heraus, dass es ganz einfach ist!
Der einfachste Weg, einen Link zu erstellen, ist die Verwendung eines Tags (anchor), der einen Hyperlink definiert. Um einen Link zu einer anderen Seite zu erstellen, müssen Sie die Adresse dieser Seite im Attribut angeben href. Um beispielsweise einen Link zur Seite "about.html", können Sie schreiben:
Wenn ein Benutzer auf diesen Link klickt, wird er zur Seite "about" weitergeleitet.html". Es ist wichtig zu beachten, dass die Linkadresse relativ zur aktuellen Seite angegeben werden muss. Sie können auch einen Link zu einer anderen Website erstellen, indem Sie die vollständige Adresse im Attribut angeben href.
Um den Link attraktiver aussehen zu lassen, können Sie Stile mit CSS hinzufügen. Sie können beispielsweise die Textfarbe, den Unterstrich ändern oder ein Bild als Hintergrund für einen Link hinzufügen. Dies ist jedoch bereits ein separates Thema, das zusätzliche Kenntnisse erfordert.
Was ist eine Referenz?
Die Hauptkomponenten der Referenz:
| Link-Text | Gibt den angezeigten Text an, auf den der Benutzer klicken kann. Es kann ein Wort, eine Phrase oder ein Bild sein. |
| URL | Der generische Ressourcenzeiger (URL) gibt die Adresse einer Webseite oder einer anderen Ressource an, auf die der Link verweist. Eine URL besteht aus einem Protokoll, einer Domäne und einem Pfad zu einer bestimmten Ressource. |
Links ermöglichen nicht nur die Navigation auf Webseiten, sondern ermöglichen auch das Navigieren zu anderen Websites, das Herunterladen von Dateien oder das Senden von E-Mails. Sie sind der primäre Mechanismus für die Interaktion des Benutzers mit Inhalten im Internet.
Wie erstelle ich einen Link zwischen HTML-Seiten?
Wenn Sie auf diesen Link klicken, wird der Benutzer zur Seite page2 weitergeleitet.html . Die Adresse der Seite kann als absoluter (vollständiger Dateipfad) oder relativer (relativ zum aktuellen Verzeichnis) angegeben werden. Wenn sich die Datei im selben Verzeichnis wie die aktuelle Seite befindet, genügt es, nur den Namen der Datei anzugeben.
Sie können auch Text hinzufügen, der auf dem Link angezeigt wird, indem Sie den Inhalt des Tags verwenden . Zum Beispiel:
Das Erstellen von Links zwischen Seiten in HTML ist daher eines der einfachsten und grundlegendsten Elemente, um eine einfache Navigation auf Ihrer Website zu ermöglichen.
Wie kann ich einen Link richtig erstellen?
Die einfachste Syntax zum Erstellen einer Referenz lautet wie folgt:
In dieser Syntax:
- href="Linkadresse" - Attribut href gibt die Adresse (URL) an, zu der beim Klicken auf den Link navigiert werden soll. Die Adresse kann relativ (relativ zum aktuellen Dokument) oder absolut (vollständige URL) sein
- linktext – Der Text, der als Link angezeigt wird. Es kann alles sein, aber es wird empfohlen, beschreibenden Text zu verwenden, damit Benutzer verstehen können, wohin sie nach dem Klicken gehen werden.
Hier sind Beispiele für Links, die mit einem Tag erstellt wurden :
Der erste Link führt zu einer externen Website und wird in einem neuen Tab geöffnet (aufgrund des Attributs target="_blank"). Der zweite Link zeigt auf eine andere Seite innerhalb der aktuellen Site, während der dritte Link ein Anker-Link ist und den Benutzer nach oben auf die Seite bringt.
Es ist wichtig zu wissen, dass keine Adresse (Attribut) angegeben wird href) der Link funktioniert nicht. Vergessen Sie auch nicht, das Tag zu schließen mit Hilfe .
Beispiele für die Verwendung von Links
Hier sind einige Beispiele, die zeigen, wie Sie Links auf Webseiten verwenden können:
- https://www.example.com/
- Zweite Seite
- HTML-Suche
- Gehe zu Abschnitt
Das erste Beispiel ist ein einfacher Link zu einer externen Website. Wenn Sie darauf klicken, wird der Benutzer an die angegebene URL weitergeleitet.
Das zweite Beispiel ist ein Link zu einer anderen Seite auf derselben Website. Wenn Sie darauf klicken, wird der Benutzer zu einer Seite mit dem Namen "Zweite Seite" weitergeleitet.
Das dritte Beispiel ist ein Link zu einer Google-Suchanfrage. Wenn Sie darauf klicken, wird der Benutzer auf eine Suchergebnisseite mit der Suchanfrage "HTML" weitergeleitet.
Das vierte Beispiel ist ein Anker, mit dem ein Benutzer zu einem bestimmten Abschnitt auf der aktuellen Seite navigieren kann. Wenn Sie auf einen Link mit dem Anker "#section" klicken, wird die Seite zum angegebenen Abschnitt gescrollt.
