Wie erstelle ich HTML-Linkcode? Wie erstelle ich einen HTML-Bildlink?-HTML-Tutorial-php.cn

Wie erstelle ich HTML-Linkcode? Wie erstelle ich einen HTML-Bildlink?

寻∝梦

Freigeben： 2018-08-14 13:13:47

Original

6285 Leute haben es durchsucht

Wie erstelle ich HTML-Linkcode? Wie erstelle ich einen HTML-Bildlink? In diesem Artikel werden Ihnen der Textlinkcode und der Bildlinkcode im Detail vorgestellt.

Zuerst müssen wir verstehen, was der Linkcode von HTML ist:

Der Linkcode von HTML ist der Code in HTML, der einen Text in einen umwandelt Hyperlink.

HTML verwendet einen Hyperlink, um eine Verbindung zu einem anderen Dokument im Web herzustellen.

Links finden Sie auf fast allen Webseiten. Klicken Sie auf einen Link, um von einer Seite zur anderen zu springen.

So erstellen Sie einen HTML-Linkcode:

HTML-Hyperlink (Link)

Hyperlink kann ein Wort, ein Wort oder eine Gruppe sein Sei es ein Wort oder ein Bild. 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.

Wir erstellen Links in HTML mithilfe des -Tags.

Es gibt zwei Möglichkeiten, das -Tag zu verwenden:

Durch Verwendung des href-Attributs – Erstellen eines Links zu einem anderen Dokument

Durch Verwendung des Namensattributs – Erstellen ein Link innerhalb des Dokuments Lesezeichen

HTML-Link-Syntax

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

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

Nach dem Login kopieren

Das href-Attribut gibt das Ziel des Links an.

Der Text zwischen dem öffnenden Tag und dem schließenden Tag wird als Hyperlink angezeigt.

Zum Beispiel:

<a href="http://www.PHP.cn/">Visit PHP中文网</a>

Nach dem Login kopieren

Die obige Codezeile wird angezeigt: Besuchen Sie die chinesische PHP-Website

Durch Klicken auf diesen Hyperlink gelangt der Benutzer zur Startseite der chinesischen PHP-Website.

Erstellung von HTML-Bildlinks:

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

Zum Beispiel:

Sie können ein Element in einen Link umwandeln, indem Sie es in ein a-Element verschachteln.

Verschachteln Sie Ihr Bild in einem a-Element. Zum Beispiel:

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

Nach dem Login kopieren

"images/relaxing-cat.jpg" ist der Name des Bildes.

Verwenden Sie ein Tag, um

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>

Nach dem Login kopieren

Definition und Verwendung
-Tag definiert einen Hyperlink, der zum Verlinken von einer Seite zu einer anderen Seite verwendet wird. Das wichtigste Attribut des
-Elements ist das href-Attribut, das das Ziel des Links angibt.

HTML-Links – Zielattribut

Mit dem Zielattribut können Sie definieren, wo das verlinkte Dokument angezeigt wird.

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

<a href="http://www.PHP.cn/" target="_blank">Visit PHP中文网!</a>

Nach dem Login kopieren

HTML-Link – Namensattribut

Namensattribut gibt den Namen des Ankers an (Anker) .

Mit dem Namensattribut können Sie Lesezeichen in HTML-Seiten erstellen.

Das Lesezeichen wird nicht auf besondere Weise angezeigt und ist für den Leser unsichtbar.

Bei der Verwendung benannter Anker können wir Links erstellen, die direkt zum benannten Anker springen (z. B. zu einem Abschnitt auf der Seite), sodass Benutzer nicht durch die Seite scrollen müssen, um die benötigten Informationen zu finden.

Syntax zum Benennen von Ankern:

<a name="label">锚（显示在页面上的文本）</a>

Nach dem Login kopieren

Tipp: Der Name des Ankers kann beliebig sein.

Tipp: Sie können auch das id-Attribut anstelle des name-Attributs verwenden.

Hier ein Beispiel:

Zuerst benennen wir den Anker im HTML-Dokument (Lesezeichen erstellen):

Basic Notizen – Hilfreiche Tipps

Dann erstellen wir einen Link zu diesem Anker im selben Dokument:

Sie können auch auf anderen Seiten Links zu diesem Anker erstellen:

Nützliche Tipps

Im obigen Code fügen wir das #-Symbol und den Ankernamen am Ende der URL hinzu, um direkt zu den Tipps zu verlinken. Benennen Sie den Anker.

Okay, oben geht es um die Erstellung von Linkcodes und Bildlinks in HTML.

[Verwandte Empfehlungen]

Grundlegende Elemente von HTML, damit Sie HTML von Grund auf lernen können

Was ist ein HTML? Datei? Ein vorläufiges Verständnis von HTML-Dateien

Das obige ist der detaillierte Inhalt vonWie erstelle ich HTML-Linkcode? Wie erstelle ich einen HTML-Bildlink?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!