Ausführliche Erklärung des HTML-Link-Tutorials

HTML verwendet Hyperlinks, um eine Verbindung zu einem anderen Dokument im Web herzustellen. Links sind auf fast jeder Webseite zu finden. Klicken Sie auf einen Link, um von einer Seite zur anderen zu springen.

Probieren Sie es aus – Beispiel

HTML-Link
So erstellen Sie einen Link in einem HTML-Dokument.

(Weitere Beispiele finden Sie unten auf dieser Seite)

HTML-Hyperlinks (Links)

HTML verwendet das Tag , um Hypertext-Links einzurichten.

Ein Hyperlink kann ein Wort, ein Wort, eine Wortgruppe oder ein Bild sein. Sie können auf diese Inhalte klicken, um zu einem neuen Dokument oder einem bestimmten Teil des aktuellen Dokuments zu springen.

Wenn Sie den Mauszeiger über einen Link auf der Webseite bewegen, verwandelt sich der Pfeil in eine kleine Hand.

Das href-Attribut wird im Tag verwendet, um die Adresse des Links zu beschreiben.

Standardmäßig werden Links im Browser wie folgt angezeigt:

Ein nicht besuchter Link wird in blauer Schrift angezeigt und unterstrichen

Besucht Der Link wird in Lila und unterstrichen angezeigt

Wenn auf den Link geklickt wird, wird der Link rot und unterstrichen angezeigt

HTML-Link-Syntax

Der HTML-Code des Links ist sehr einfach. Es sieht so aus: :

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

Das href-Attribut beschreibt das Ziel des Links. .

Beispiel

<a href="www.php.cn/">Visit W3CSchool</a>

Die obige Codezeile zeigt: Besuchen Sie W3CSchool

Durch Klicken auf diesen Hyperlink gelangt der Benutzer zur Homepage von W3CSchool.

Tipp: „Linktext“ muss kein Text sein. Bilder oder andere HTML-Elemente können zu Links werden.

HTML-Links – Zielattribut

Mit dem Zielattribut können Sie definieren, wo das verknüpfte Dokument angezeigt wird.

Die folgende Zeile öffnet das Dokument in einem neuen Fenster:

Beispiel

<a href="www.php.cn/" target="_blank">Visit W3CSchool!</a>

HTML-Verbindung – ID-Attribut

Das ID-Attribut kann sein Wird zum Erstellen eines HTML-Dokument-Lesezeichen-Tags verwendet.

Tipp: Lesezeichen werden nicht auf besondere Weise angezeigt und werden nicht in HTML-Dokumenten angezeigt, sodass sie für Leser verborgen sind.

Beispiel

ID in HTML-Dokument einfügen:

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

Link im HTML-Dokument zum Abschnitt „Nützliche Tipps (id="tips")" erstellen:

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

Alternativ können Sie von einer anderen Seite aus einen Link zum Abschnitt „Hilfreiche Tipps (id="tips")“ erstellen:

<a href="www.php.cn/html_links.htm#tips">
Visit the Useful Tips Section</a>

Grundlegende Hinweise – Nützliche Tipps

Hinweis: Hinweis: Fügen Sie Unterordnern immer Schrägstriche hinzu. Wenn Sie einen Link wie diesen schreiben: href=www.php.cn/html“, werden zwei HTTP-Anfragen an den Server generiert. Dies liegt daran, dass der Server der Adresse einen Schrägstrich hinzufügt und dann eine neue Anfrage erstellt, z dies: href="www.php.cn/html/".

【Verwandte Empfehlungen】

1 :Version „php Programmer Toolbox“ V0.1 herunterladen2. Kostenloses HTML-Online-Video-Tutorial

3. php.cn Original-HTML5-VideoTutorial

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des HTML-Link-Tutorials. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!