Maison >interface Web >tutoriel HTML >Comment ajouter des liens vers des images en HTML

Comment ajouter des liens vers des images en HTML

清浅
清浅original
2019-04-09 17:17:2929380parcourir

Comment ajouter un lien hypertexte à une image en HTML : vous pouvez définir le lien hypertexte via la balise , définir le lien pour qu'il passe par href, puis définir la balise Comment ajouter des liens vers des images en HTML sous la balise a Utilisé pour ajouter des images. Lorsque vous cliquez sur l'image, elle passera au lien cible

Les hyperliens peuvent être utilisés en HTML pour se connecter à un autre document sur Internet. Nous pouvons trouver des liens dans presque toutes les pages Web. Ensuite, dans l'article, je présenterai comment ajouter des hyperliens aux images, ce qui a un certain effet de référence. J'espère que cela sera utile à tout le monde

Comment ajouter des liens vers des images en HTML

[Recommandé. Cours : Tutoriel HTML

On peut définir un lien hypertexte grâce à la balise cliqué Il passera à un nouveau document ou à une certaine partie du document actuel, et lorsque le pointeur de la souris sera placé dessus, la flèche prendra la forme d'une petite main

Forme de grammaire

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

Il y a un attribut target dans la balise a, qui est spécifiquement utilisé pour contrôler la façon de sauter. Par exemple, lorsqu'il est défini sur self, cela signifie qu'il est utilisé pour sauter dans l'onglet actuel. Lorsqu'il est défini sur

vierge, cela signifie que le lien hypertexte est ouvert dans une nouvelle fenêtre en utilisant

. Il existe également un attribut title, le titre dans la balise a est le même que le titre dans la balise img, les deux sont utilisés pour contrôler le contenu du texte d'invite affiché lorsque la souris survole

Exemple : Ajouter un hyperlien vers une image

<!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="Comment ajouter des liens vers des images en HTML" >
</a>
</body>
</html>
Le rendu est le suivant :

Comment ajouter des liens vers des images en HTML

Quand on clique sur l'image, elle passera au site officiel du site Web chinois PHP Lorsque la souris se déplacera vers Le titre que nous avons défini sera affiché lorsque l'image sera affichée.

Référence pour cet article : https://www.html.cn/doc/html/link/

Index des balises HTML : https :/ /www.html.cn/sitemap.html

Résumé : ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à tout le monde.



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn