Maison > Article > interface Web > Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img
Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img
- 云罗郡主original
- 2018-11-12 11:55:4818911parcourir
De nos jours, toute page Web est indissociable des images. Si un site Web est une page Web qui combine des images et du texte, il sera apprécié par de nombreux utilisateurs. Si le site Web veut obtenir plus de trafic, il ne peut pas se passer d'images, alors acceptez. Jetons un coup d'œil à la balise d'image img et résumons pour vous quels sont les attributs de la balise html img ?
1 : Introduction à la balise d'image img
Généralement, en HTML, nous pouvons utiliser balise de fin pour les balises à fermeture automatique. Il suffit de maîtriser les trois attributs
[Lecture recommandée : Explication détaillée de la balise img et de la modification de la taille de l'image en html (image) ]
L'attribut 1.src est l'adresse de fichier de l'image
2. L'attribut alt est le texte qui apparaît lorsque l'image est cassée
3. L'attribut title est le texte affiché lorsque la souris est placée sur l'image
Parmi les ci-dessus trois attributs, src et alt C'est indispensable Ci-dessous, nous expliquerons ces trois attributs en détail.
2 : Explication détaillée de la balise d'image img
1. L'attribut src est un attribut indispensable pour les images. , généralement l'adresse source de l'image, la syntaxe est :
<img src="图片地址属性"/ alt="Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img" >
2 L'attribut alt dans la balise img
l'attribut alt est en fait. pour que les moteurs de recherche puissent voir, la syntaxe :
<img src="图片地址" alt="图片描述(给搜索引擎看) ">
3.attribut title
L'attribut title affiche le titre de l'image lorsque la souris est déplacée sur l'image, permettant aux utilisateurs de voir les informations sur l'image. Syntaxe :
Par exemple :
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图像标签img</title>
</head>
<body>
<img src="https://img.php.cn/upload/article/000/000/003/5b49b0e610f26951.jpg" alt="php中文网" title="php中文网"/>
</body>
</html> L'effet d'affichage dans le navigateur :
Quels sont les attributs de la balise html img ? Une introduction complète à l'explication détaillée de la balise d'image img. Si vous souhaitez en savoir plus sur le Tutoriel HTML5, veuillez faire attention au site Web php chinois.
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!