Heim  >  Artikel  >  Web-Frontend  >  Wie erstelle ich HTML-Linkcode? Wie erstelle ich einen HTML-Bildlink?

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

寻∝梦
寻∝梦Original
2018-08-14 13:13:476233Durchsuche

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 3499910bf9dac5ae3c52d5ede7383485-Tags.

Es gibt zwei Möglichkeiten, das 3499910bf9dac5ae3c52d5ede7383485-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>

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>

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>

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

Verwenden Sie ein Tag, um

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


Definition und Verwendung
3499910bf9dac5ae3c52d5ede7383485-Tag definiert einen Hyperlink, der zum Verlinken von einer Seite zu einer anderen Seite verwendet wird. Das wichtigste Attribut des
3499910bf9dac5ae3c52d5ede7383485-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>

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>

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):

2fdc3bf2d92fc05c086f75866fe7e3cdBasic Notizen – Hilfreiche Tipps5db79b134e9f6b82c0b36e0489ee08ed

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

3fcf6e84cf29621a10f6635a9ed09f58

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

731740faa0ffd9823120cb5dc40516d0 Nützliche Tipps5db79b134e9f6b82c0b36e0489ee08ed

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn