So fügen Sie Links zu Bildern in HTML hinzu-HTML-Tutorial-php.cn

So fügen Sie Links zu Bildern in HTML hinzu

清浅

Freigeben： 2019-04-09 18:00:42

Original

29377 Leute haben es durchsucht

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>

Nach dem Login kopieren

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 „<🎜“ in einem neuen Fenster geöffnet wird >

. 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>

Nach dem Login kopieren

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!