Heim > Artikel > Web-Frontend > So fügen Sie Links zu Bildern in HTML hinzu
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 -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.
[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ährtBeispiel: 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: 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!