Hyperlinks sind eines der wichtigsten Merkmale des Internets. Sie ermöglichen es Benutzern, von einer Seite zur anderen zu navigieren, innerhalb einer Website zu navigieren und schnell im Internet zu navigieren. Aber wie kann ich einen Hyperlink mit verschiedenen Objekten und Elementen festlegen?
Die gängigste Methode zum Festlegen von Hyperlinks ist die Verwendung eines Tags . Mit diesem Tag können Sie Links zu anderen Webseiten, Dokumenten, Bildern, Audio- und Videodateien erstellen. Um einen Link zu einer Seite zu setzen, müssen Sie die URL (Uniform Resource Locator) im Attribut angeben href.
Es gibt jedoch andere Möglichkeiten, Hyperlinks einzurichten, z. B. mit Bildern. Dazu wird ein Tag verwendet. Mit diesem Tag können Sie Bilder in Webseiten einbetten. Hinzufügen eines Attributs usemap mit einem Link zur Bildkarte können Sie das Bild anklickbar machen und einen Hyperlink zu einem bestimmten Bereich des Bildes setzen.
Optionen zum Festlegen eines Hyperlinks:
Hyperlinks ermöglichen es Benutzern, von einem Webdokument zu einem anderen zu wechseln. Es gibt verschiedene Möglichkeiten, Hyperlinks in HTML zu setzen:
- Link zu einer anderen Webseite mit einem Tag :
- Link-Text
- Link zu einem bestimmten Abschnitt innerhalb der aktuellen Seite mithilfe von Ankern:
- Link-Text
- E-Mail-Link:
- [email protected]
- Link zum Herunterladen der Datei:
- Datei herunterladen
Verwenden eines Textelements
- Textelement ohne Attribute:
- Ein Textelement mit dem Target-Attribut zum Öffnen eines Links in einem neuen Tab:
In diesem Beispiel wird der Benutzer, wenn er auf den Text "Link" klickt, an die im href-Attribut angegebene Adresse weitergeleitet. Das Attribut target="_blank" garantiert, dass der Link in einem neuen Browser-Tab geöffnet wird.
Das Setzen von Hyperlinks mithilfe eines Textelements ist eine sehr einfache und bequeme Möglichkeit, Links auf einer Webseite zu erstellen. Sie können bei Bedarf verschiedene Attribute und Stile verwenden, um das Aussehen und Verhalten von Links anzupassen.
Mit einem Bild
Sie können einen Hyperlink auf ein Bild setzen, damit der Benutzer beim Klicken auf das Bild auf einen bestimmten Link klickt.
Dazu muss ein Tag verwendet werden und Attribut href, indem Sie einen Verweis im Attributwert angeben. Innerhalb des Tags sie müssen ein Tag hinzufügen mit Attribut src zeigt den Pfad zum Bild an.
In diesem Beispiel, wenn Sie auf ein Bild mit einem Pfad klicken image.jpg der Benutzer wird auf die Seite weitergeleitet https://example.com. Im Attribut alt geben Sie einen alternativen Text an, der angezeigt wird, wenn das Bild nicht geladen wird.
Mit Knopfdruck
Um eine Schaltfläche in einen Hyperlink umzuwandeln, müssen Sie JavaScript verwenden. Sie können einer Schaltfläche einen Click-Ereignishandler hinzufügen, damit Sie beim Klicken auf eine Schaltfläche zu einer anderen Webseite weitergeleitet wird. Verwenden Sie dazu die window-Methode.location.href und geben Sie die URL der Seite an, zu der Sie navigieren möchten.
- Erstellen Sie eine Schaltfläche mit einem Element .
- Verwenden Sie JavaScript, um der Schaltfläche einen Click-Ereignishandler hinzuzufügen.
- Verwenden Sie innerhalb des Ereignishandlers die window-Methode.location.href, um auf eine andere Webseite umzuleiten.
Hier ist ein Beispielcode zum Erstellen einer Hyperlink-Schaltfläche beim Klicken:
Wenn Sie auf die Schaltfläche klicken, wird der Benutzer auf die Webseite umgeleitet https://example.com . Sie können diese URL durch jede andere URL ersetzen, die Sie benötigen.
Über das Navigationsmenü
-
, und eine geordnete Liste, mit einem Tag
.
Beispiel für die Verwendung einer ungeordneten Liste zum Erstellen eines Navigationsmenüs:
-
anstatt
. Sie können auch Klassen oder IDs zu Menüelementen hinzufügen, um sie mit CSS zu stylen.
Das Navigationsmenü kann in jedem Teil der Webseite platziert werden. Normalerweise befindet es sich oben oder an der Seite der Website, damit es sofort nach dem Laden der Seite sichtbar ist.
