Links sind ein wichtiges Element einer Webseite, mit dem Benutzer durch verschiedene Bereiche der Website navigieren und zu anderen Seiten navigieren können. Wenn es um Links geht, gibt es oft Fragen darüber, wie Sie einen Link im selben Dokument erstellen können. In diesem Artikel werden wir verschiedene Möglichkeiten zum korrekten Erstellen von Links und Regeln für die Verwendung solcher Links untersuchen.

Wenn wir über Links im selben Dokument sprechen, beziehen wir uns auf Links, die zu anderen Teilen desselben Dokuments führen. Solche Links sind nützlich, wenn wir viele Inhalte auf einer Seite haben und schnell durch Abschnitte eines Dokuments navigieren müssen. Um solche Links zu erstellen, müssen Sie Anker-Links verwenden.

Anker-Link. oder ein Anker ist ein Link innerhalb eines Dokuments, der zu einem bestimmten Teil der Seite führt, der durch eine eindeutige ID gekennzeichnet ist. Um einen Anker zu erstellen, müssen Sie zuerst die ID des Elements definieren, auf das Sie verweisen möchten. Dazu wird ein Attribut verwendet id.

Wie erstelle ich einen Link in HTML

Sie können sowohl relative als auch absolute Pfade als Adresse verwenden. Zum Beispiel:

• Verwenden Sie für den relativen Pfad den Dateispeicherort relativ zum aktuellen Dokument: Dateireferenz
  
• Verwenden Sie für den absoluten Pfad die vollständige URL: Site-Link
  

Alternativ können Sie dem Tag Attribute hinzufügen, um den Link anzupassen. Zum Beispiel:

• Um einen Link in einem neuen Browser-Tab zu öffnen, fügen Sie das target-Attribut mit dem Wert "_blank" hinzu: Link mit dem Öffnen in einem neuen Tab
  
• Um eine Quickinfo hinzuzufügen, wenn Sie über einen Link schweben, verwenden Sie das Attribut title: Quickinfo-Link
  

Tag erstellen

Это пример текста

In diesem Beispiel wird ein Tag erstellt

mit dem Text "Dies ist ein Beispieltext".

Tags können verschiedene Attribute enthalten, um zusätzliche Parameter festzulegen. Attribute werden innerhalb des öffnenden Tags hinzugefügt.

Tags können auch eine verschachtelte Struktur haben, wenn sich ein Tag innerhalb eines anderen befindet.

Заголовок
Это текст

In diesem Beispiel wird ein Tag erstellt, in dem sich die Tags befinden (mit dem Titel "Header") und

(mit dem Text "Das ist Text").

Daher kann das Erstellen eines Tags in HTML mithilfe von spitzen Klammern, dem Tagnamen und gegebenenfalls Attributen erfolgen. Mit verschachtelten Tags können Sie strukturierte Inhalte in einem Dokument erstellen.

Festlegen des href-Attributs

Href-Attribut in HTML wird es zum Erstellen von Links verwendet. Links ermöglichen es dem Benutzer, auf verschiedenen Seiten zu navigieren, innerhalb eines Dokuments zu navigieren oder zu einer anderen Website zu navigieren.

Wenn Sie auf einen solchen Link klicken, wird ein nahtloser Übergang zum angegebenen Absatz innerhalb des Dokuments durchgeführt. Beachten Sie, dass die ID eindeutig sein muss und mit einem Buchstaben oder einem Zeichen "_" beginnen muss.

Links in einem Dokument können nützlich sein, wenn Sie ein Navigationsmenü erstellen oder lange Seiten mit Abschnitten organisieren. Sie ermöglichen es Benutzern, schnell durch den Inhalt eines Dokuments zu navigieren und relevante Informationen zu finden.

Einfügen von Referenztext

In HTML wird ein Tag verwendet, um einen Link zu einer anderen Seite oder innerhalb desselben Dokuments zu erstellen.

Um den Linktext einzufügen, müssen Sie ihn innerhalb des öffnenden und schließenden Tags umbrechen. Zum Beispiel:

In diesem Beispiel ist der Text "Linktext" ein anklickbarer Link, der zu einer Adresse führt "https://www.example.com ".

Wenn der Link zu einer anderen Seite innerhalb desselben Dokuments führt, müssen Sie die ID des Elements auf dieser Seite angeben, zu dem Sie navigieren möchten. Zum Beispiel:

Wenn Sie in diesem Fall auf den Link "Gehe zu Abschnitt 2" klicken, wird ein sanftes Scrollen zum Element mit der ID "section2" auf der aktuellen Seite durchgeführt.

Sie können auch das Attribut target="_blank" hinzufügen, um den Link in einem neuen Browser-Tab zu öffnen. Zum Beispiel:

Dieser Code öffnet den Link "https://www.example.com " in einem neuen Browser-Tab.

Verknüpfen mit Stilen

Sie können verschiedene CSS-Eigenschaften verwenden, um einen Link zu gestalten, z. B. Textfarbe, Unterstreichung, Ändern des Hintergrunds beim Hover oder Aktivieren des Links und vieles mehr.

Beispiel für das Erstellen eines Links:

In diesem Beispiel wird der Link mit einer blauen Textfarbe und einem Unterstrich versehen, wenn er normal ist. Wenn Sie über einen Link schweben, wird der Hintergrund gelb.

Mit ähnlichen CSS-Eigenschaften können Sie die Darstellung von Links auf einer Webseite leicht anpassen, um sie attraktiver zu gestalten und sich von Klartext zu unterscheiden.