Ein URL-Link oder Hyperlink ist das Hauptelement einer Webseite. Es ermöglicht Benutzern, von einer Seite zur anderen zu navigieren und zu bestimmten Stellen innerhalb der aktuellen Seite zu navigieren. Das Erstellen eines URLs ist ein wesentlicher Bestandteil der Erstellung von Webinhalten.
Die Fähigkeit, einen URL-Link zu erstellen, ist sowohl für Webentwickler als auch für diejenigen von großer Bedeutung, die ihre eigenen Webseiten oder Blogs erstellen möchten. In dieser schrittweisen Anleitung erfahren Sie, wie Sie einen URL-Link mit HTML-Code erstellen.
Schritt 1: Tag öffnen und fügen Sie ein Attribut hinzu href.
Schritt 2: Innerhalb des Tags fügen Sie Text hinzu, der als Link angezeigt wird.
Schritt 3: Schließen Sie das Tag .
In diesem Beispiel wird der Link als Text "Hier klicken" angezeigt. Wenn Sie auf diesen Text klicken, wird der Benutzer zu der im Attribut angegebenen Webseite navigieren href.
Jetzt kennen Sie die Grundlagen zum Erstellen von URL-Links mit HTML-Code. Wenn Sie Webseiten und Webinhalte erstellen, können Sie dieses Wissen nutzen, um eine einfache Navigation zu erstellen und dem Benutzer den Zugriff auf verschiedene Teile Ihrer Website zu erleichtern.
Was ist ein URL-Link und warum wird er benötigt?
Ein URL-Link (Uniform Resource Locator) ist eine URL für eine Ressource im Internet, mit der Sie eine bestimmte Seite, ein Dokument oder eine andere Datei im Netzwerk identifizieren und finden können. Es besteht aus mehreren Teilen, einschließlich eines Datenübertragungsprotokolls (z. B. HTTP oder HTTPS), eines Domänennamens (z. B. www.example.com ) und der Pfad zur Ressource.
URLs spielen im Internet eine wichtige Rolle, da sie es Benutzern ermöglichen, von einer Seite zur anderen zu navigieren und Informationen auszutauschen. Sie werden von Webbrowsern zum Öffnen von Webseiten, von Suchmaschinen zum Indizieren von Websites und von verschiedenen Informationsverarbeitungsdiensten verwendet.
Außerdem können Sie mit URLs Parameter und Fragmente angeben, was die Arbeit mit Ressourcen weiter verbessert. Auf diese Weise können Sie Daten zwischen Seiten übertragen, Links zu bestimmten Teilen von Dokumenten erstellen, Anfragen an den Server stellen und vieles mehr.
Jeder URL-Link ist eindeutig und identifiziert eine bestimmte Ressource im Netzwerk. Es ist ein wichtiges Element der Internetadressierung und macht es einfach, die benötigten Informationen im Internet zu finden und zu erhalten.
Erster Schritt: Wählen Sie den Text für den Link aus
Bevor Sie einen URL-Link erstellen, müssen Sie den Text auswählen, der für den Benutzer sichtbar ist und der als Link angezeigt wird.
Es ist wichtig, Text auszuwählen, der für die Benutzer informativ und verständlich ist. Der Linktext sollte einen Einblick in den Inhalt geben, zu dem er führt. Wenn beispielsweise ein Link zu einem Artikel über das Erstellen von URL-Links führt, könnte der Linktext "Wie erstelle ich einen URL-Link: Schritt für Schritt Anleitung für Anfänger" lauten.
Es ist auch wichtig, Links explizit zu markieren, damit Benutzer sehen können, dass sie darauf klicken können. Dazu können Sie den Linktext unterstreichen oder die Farbe ändern.
Der ausgewählte Text für den Link sollte mit einem Tag markiert werden, damit Benutzer ihn leicht identifizieren können.
Sie können auch ein Tag verwenden, um Schlüsselwörter im Linktext hervorzuheben.
Zweiter Schritt: Hinzufügen des Tags "a" und der Attribute
Nachdem Sie den Text für den Link ausgewählt haben, müssen wir das Tag "a" (englischer Buchstabe "a") hinzufügen, um den Link zu erstellen. Es ist auch wichtig, die erforderlichen Attribute hinzuzufügen, um die Adresse anzugeben, auf die verwiesen wird.
| Attribut | Die Beschreibung | Ein Beispiel |
|---|---|---|
| href | Adresse einer externen Ressource oder eines Links zu einer anderen Seite | href="https://example.com" |
| target | Gibt an, wo das Dokument als Referenz geöffnet wird | target="_blank" |
Wenn wir beispielsweise einen Link zur Startseite Ihrer Website erstellen möchten, können wir den folgenden Code verwenden:
Dieses Beispiel zeigt, dass der Link die Datei "index" öffnet.html" im selben Ordner, in dem sich die aktuelle Datei befindet.
Wenn wir jedoch einen Verweis auf eine externe Ressource erstellen möchten, müssen wir die vollständige URL verwenden. Zum Beispiel:
In diesem Beispiel wird der Benutzer, wenn er auf einen Link klickt, zu einer Website mit der Adresse weitergeleitet"https://example.com ".
Wenn wir den Link auch in einem neuen Fenster oder Tab öffnen möchten, können wir das Attribut "target" mit dem Wert "_blank" hinzufügen. Dadurch wird sichergestellt, dass der Link in einem neuen Fenster oder Tab des Browsers geöffnet wird.
Hier ist ein Beispiel für einen Link mit dem Attribut "target":
An diesem Punkt fügen wir das Tag "a" hinzu und verwenden die erforderlichen Attribute, um einen Link zu erstellen.
Im nächsten Schritt betrachten wir die Verwendung von Text als Referenz und das Hinzufügen anderer Attribute. Lesen Sie weiter, um mehr zu erfahren.
Dritter Schritt: Angeben der URL
Nachdem Sie den Text oder das Bild für Ihren Link erstellt haben, müssen Sie die URL angeben, zu der sie führen wird.
Eine URL (Uniform Resource Locator) ist eine eindeutige Adresse, die eine Ressource im Internet identifiziert. Es beginnt normalerweise mit einem Protokoll (zB, http:// für Websites) gefolgt von einem Domänennamen oder einer IP-Adresse.
Sie können die URL mithilfe eines Attributs angeben href in einem Element a (engl. anchor ist ein Anker), der zum Erstellen von Links verwendet wird.
Hier ist ein Beispiel, wie die Angabe einer URL aussieht:
In diesem Beispiel lautet die URL https://example.com wird angezeigt, wenn Sie auf den Text "Link" klicken.
Sie können auch eine relative URL angeben, die sich auf die aktuelle Domäne oder den aktuellen Ordner bezieht. Zum Beispiel:
In diesem Beispiel ist die relative URL /about wird angezeigt, wenn Sie auf den Text "Über uns" klicken.
