Heim > Web-Frontend > HTML-Tutorial > So implementieren Sie einen Bild-Hyperlink in HTML

So implementieren Sie einen Bild-Hyperlink in HTML

王林
Freigeben: 2020-11-13 10:50:06
Original
26564 Leute haben es durchsucht

So implementieren Sie Bild-Hyperlinks in HTML: Sie können das Bildelement im a-Element verschachteln, um daraus einen Link zu machen, z. B. [].

So implementieren Sie einen Bild-Hyperlink in HTML

Zweck:

Setzen Sie einen Hyperlink zu einer gesamten Bilddatei

Idee:

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

(Empfehlung für Lernvideos: HTML-Video-Tutorial)

Syntax:

<a  herf="链接地址"  target="目标窗口打开方式"><img  src="图像文件的地址"></a>
Nach dem Login kopieren

Beispiel:

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

Tipps:

Verwenden Sie # als href-Attribut des Elements, um es in einen Permalink umzuwandeln.

Platzieren Sie ein vorhandenes Bildelement in einem Ankerelement. Wenn Sie fertig sind, bewegen Sie den Mauszeiger über Ihr Bild. An diesem Punkt sollte sich der Cursor von einem Cursorzeiger in einen Handzeiger ändern. Dieses Bild ist jetzt ein Link.

Verwandte Empfehlungen: HTML-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen Bild-Hyperlink in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage