HTML Verknüpfung (Links)

Die Links sind in fast allen Web-Seiten gefunden. Links erlauben Benutzern, ihre Art und Weise von Seite zu Seite klicken.

---

Probieren Sie es selbst - Beispiele

HTML-Links
Wie man Links in einem HTML-Dokument zu erstellen.

(Sie können mehr Beispiele am Ende der Seite zu finden)

---

HTML Hyperlinks (Verweise)

Die HTML <a> Tag definiert einen Hyperlink.

Ein Hyperlink (oder Link) ist ein Wort, eine Gruppe von Wörtern, oder Bild, das Sie anklicken können, um zu einem anderen Dokument zu springen.

Wenn Sie den Cursor über einen Link in einer Webseite, wird der Pfeil in eine kleine Hand drehen.

Die wichtigste Eigenschaft des <a> Element ist das href-Attribut, das Ziel des Links anzeigt.

Standardmäßig werden Links erscheinen wie folgt in allen Browsern:

• Ein unvisited Verknüpfung unterstrichen und blau
• Ein besuchten Link ist unterstrichen und lila
• Eine aktive Verbindung wird unterstrichen und rot

---

HTML-Syntax

Der HTML-Code für einen Link ist einfach. Es sieht wie folgt aus:

<a href="url">Link text</a>

Das href-Attribut gibt das Ziel eines Links.

Beispiel

<a href="http://www.w3schools.com/">Visit W3Schools</a>

was wird wie folgt angezeigt: Visit W3Schools

Ein Klick auf diese Hyperlink wird dem Benutzer W3Schools 'Homepage zu senden.

Tipp: Der " Link-Text "muss nicht sein Text. Es kann ein Bild oder jede andere HTML-Element sein.

---

HTML Links - Das target-Attribut

Das target-Attribut gibt an, wo das verknüpfte Dokument zu öffnen.

Im folgenden Beispiel wird das verknüpfte Dokument in einem neuen Browserfenster oder einem neuen Tab zu öffnen:

Beispiel

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Probieren Sie es selbst »

---

HTML Links - das id-Attribut

Das id-Attribut kann verwendet werden, um ein Lesezeichen in einem HTML-Dokument zu erstellen.

Tipp: Lesezeichen werden in keiner besonderen Weise angezeigt. Sie sind unsichtbar für den Leser.

Beispiel

Ein Anker mit einer ID in einem HTML-Dokument:

<a id="tips">Useful Tips Section</a>

Erstellen Sie einen Link zu den "Nützliche Tipps Bereich" innerhalb des gleichen Dokuments:

<a href="#tips">Visit the Useful Tips Section</a>

Oder erstellen Sie eine Verknüpfung zur "Nützliche Tipps Bereich" von einer anderen Seite:

<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

---

Basic-Notes - Nützliche Tipps

Hinweis: Fügen Sie immer einen Schrägstrich, um Referenzen für Unterordner. Wenn Sie wie Sie diesen Link: href = "http://www.w3schools.com/html", werden Sie zwei Anfragen an den Server zu erzeugen, wird der Server zunächst einen Schrägstrich an die Adresse, und erstellen Sie dann einen neuen Antrag wie folgt : href = "http://www.w3schools.com/html/".

---

Weitere Beispiele

Ein Bild als Link
Wie man ein Bild als Link zu verwenden.

Link zu einem Ort auf der gleichen Seite
Wie Sie zu einem Lesezeichen zu verknüpfen.

Brechen Sie aus einem Rahmen
Wie, um aus einem Rahmen (wenn Ihre Website in einem Frame gesperrt).

Erstellen Sie einen mailto-Link
Wie man in eine Mail-Nachricht (funktioniert nur, wenn Sie E-Mails installiert haben) zu verknüpfen.

Erstellen Sie einen mailto-Link 2
weitere mailto-Link.

---

HTML Link-Tags

Tag	Description
<a>	Defines a hyperlink