Das Erstellen von Links ist eine der wichtigsten Fähigkeiten in der Webentwicklung. Links ermöglichen es Benutzern, durch Webseiten und zwischen verschiedenen Websites zu navigieren. In HTML kann dies leicht mit einem Tag erfolgen, das für "Anker" steht.
Um einen Link zu erstellen, müssen Sie den Text, den Sie als Link erstellen möchten, innerhalb des Tags umschließen . In diesem Fall müssen Sie im Attribut "href" die Adresse der Seite oder des Dokuments angeben, auf die Ihr Link verweisen soll.
Um beispielsweise einen Link zur Startseite Ihrer Website zu erstellen, können Sie den folgenden Code verwenden:
Dieser Code erstellt einen Link mit dem Text "Startseite", auf den der Benutzer beim Klicken auf die Seite "index" weitergeleitet wird.html".
Sie können Ihrem Link auch ein Attribut "target" hinzufügen, um anzugeben, wie die Zielseite geöffnet wird. Wenn Sie beispielsweise das Attribut "target" mit dem Wert "_blank" verwenden, wird der Link in einem neuen Fenster oder einer neuen Browserregisterkarte geöffnet.
Nachdem Sie nun die Grundlagen für die Gestaltung von Links in HTML kennen, können Sie mit verschiedenen Attributen und Stilen experimentieren, um Links zu erstellen, die am besten zu Ihren Bedürfnissen und dem Design Ihrer Website passen.
Die Grundprinzipien der Gestaltung von Links in HTML
Anstelle von "Linktext" können Sie jeden anderen Text verwenden, der auf der Seite angezeigt wird und ein anklickbarer Link ist.
Relative und absolute Referenzen
Links in HTML können relativ und absolut sein. Relative Verweise geben den Dateipfad relativ zur aktuellen Datei an. Absolute Verweise enthalten den vollständigen Pfad zur Datei auf dem Server. Zum Beispiel ein relativer Verweis auf die Datei "index.html" würde so aussehen:
Und die absolute Referenz wird das Aussehen haben:
Relative Links sind benutzerfreundlicher, da sie unabhängig von der vollständigen Serveradresse sind und unverändert auf einen anderen Server übertragen werden können.
Verwenden des target-Attributs
Attribut target legt fest, in welchem Fenster oder Tab der Link geöffnet wird. Wenn Sie beispielsweise möchten, dass der Link in einem neuen Browser-Tab geöffnet wird, müssen Sie ein Attribut hinzufügen target="_blank" zum Tag :
Dies ist nützlich, wenn Sie dem Benutzer die Möglichkeit geben möchten, die aktuelle Seite weiter zu durchsuchen, ohne sie zu verlassen.
Schritte zum Erstellen eines Links in HTML
Schritt 1: Öffnen Sie die HTML-Datei im Code-Editor.
Schritt 2: Fügen Sie das Tag ein, um den Link zu erstellen.
Schritt 3: Geben Sie das Attribut an href, um die URL zu bestimmen, zu der der Link führen soll.
Schritt 4: Fügen Sie zwischen dem öffnenden und dem schließenden Tag einen Text oder ein Bild hinzu , um den Inhalt des Links anzuzeigen.
Schritt 5: Fügen Sie optionale Attribute hinzu, z. B. target, title und class, um die Funktionen und Stile der Referenz zu verfeinern.
Schritt 6: Schließen Sie das Tag, um den Link zu vervollständigen.
Schritt 7: Speichern Sie die HTML-Datei und öffnen Sie sie in einem Webbrowser, um den formatierten Link anzuzeigen.
