Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img-tutoriel HTML-php.cn

Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img

云罗郡主

Libérer： 2018-11-12 11:57:25

original

18920 Les gens l'ont consulté

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 Quels sont les attributs de la balise html img ? Explication détaillée de la balise d'image img 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" >

Copier après la connexion

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="图片描述(给搜索引擎看) ">

Copier après la connexion

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 : description de l'image (pour les moteurs de recherche)

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>

Copier après la connexion

L'effet d'affichage dans le navigateur :

Quels sont les attributs de la balise html img ? Explication détaillée de la balise dimage img

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!