]."/> ].">

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

So implementieren Sie einen Bild-Hyperlink in HTML

王林
王林Original
2020-11-13 10:29:3326468Durchsuche

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

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>

Beispiel:

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

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!

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