Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Links zu Bildern in HTML hinzu

So fügen Sie Links zu Bildern in HTML hinzu

清浅
清浅Original
2019-04-09 17:17:2929334Durchsuche

So fügen Sie einen Hyperlink zu einem Bild in HTML hinzu: Sie können den Hyperlink über das -Tag festlegen, den Link so einstellen, dass er durch href springt, und dann das So fügen Sie Links zu Bildern in HTML hinzu-Tag festlegen unter dem a-Tag Wird zum Hinzufügen von Bildern verwendet. Wenn Sie auf das Bild klicken, wird zum Ziellink gesprungen.

Hyperlinks können in HTML verwendet werden, um eine Verbindung zu einem anderen Dokument im Internet herzustellen. Auf fast allen Webseiten finden wir Links. Als nächstes werde ich im Artikel vorstellen, wie man Hyperlinks zu Bildern hinzufügt, was einen gewissen Referenzeffekt hat.

So fügen Sie Links zu Bildern in HTML hinzu

[Empfohlen Kurs: HTML-Tutorial

Wir können einen Hypertext-Link über das -Tag setzen angeklickt Es wird zu einem neuen Dokument oder einem bestimmten Teil des aktuellen Dokuments gesprungen, und wenn der Mauszeiger darauf platziert wird, ändert sich der Pfeil in die Form einer kleinen Hand

Grammatikform

<a href="url">链接文本</a>

Es gibt ein Zielattribut im a-Tag, das speziell zur Steuerung des Springens verwendet wird. Wenn es beispielsweise auf „Selbst“ eingestellt ist, bedeutet dies, dass es zum Springen in die aktuelle Registerkarte verwendet wird. Wenn es auf „

leer“ eingestellt ist, bedeutet dies, dass der Hyperlink mit „

. Es gibt auch ein Attribut title, der Titel im a-Tag ist derselbe wie der Titel im img-Tag, beide werden verwendet, um den Inhalt des Eingabeaufforderungstextes zu steuern, der angezeigt wird, wenn die Maus darüber fährt

Beispiel: Einen Hyperlink zu einem Bild hinzufügen

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="http://www.php.cn" target="-blank" title="PHP中文网logo">
	<img  src="logo.jpg" alt="So fügen Sie Links zu Bildern in HTML hinzu" >
</a>
</body>
</html>

Die Darstellung ist wie folgt:

So fügen Sie Links zu Bildern in HTML hinzu

Wenn wir auf das Bild klicken , es wird zur offiziellen Website der PHP-Chinese-Website gesprungen. Wenn sich die Maus über das Bild bewegt, wird der von uns festgelegte Titel angezeigt.

Referenz für diesen Artikel: https://www.html.cn/doc/html/link/

HTML-Tag-Index: https :/ /www.html.cn/sitemap.html

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird für alle hilfreich sein.



Das obige ist der detaillierte Inhalt vonSo fügen Sie Links zu Bildern in HTML hinzu. 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