Explication détaillée des connaissances de base sur les images HTML

Cet article partage principalement avec vous une explication détaillée des connaissances de base sur les images HTML - balises d'image (a1f02c36ba31691bcfe87b2722de723b) et attributs source (Src). a1f02c36ba31691bcfe87b2722de723b est une balise vide, ce qui signifie qu'elle ne contient que des attributs et aucune balise de fermeture.

Pour afficher une image sur la page, vous devez utiliser l'attribut source (src). src fait référence à « source ». La valeur de l'attribut source est l'adresse URL de l'image.

La syntaxe pour définir une image est la suivante :

<img src="url" alt="some_text">

L'URL fait référence à l'emplacement où l'image est stockée. Si l'image nommée "pulpit.jpg" se trouve dans le répertoire images de www.runoob.com, alors son URL est https://img.php.cn/upload/article/000/054/025/69ee4cbf3049b8bcc16a7e91b3657b16-0. .jpg .

Le navigateur affiche l'image dans le document partout où la balise d'image apparaît. Si vous placez une balise d'image entre deux paragraphes, le navigateur affichera d'abord le premier paragraphe, puis l'image et enfin le deuxième paragraphe.

---

Image HTML - Attribut Alt

L'attribut alt est utilisé pour définir une chaîne de texte remplaçable préparé pour l'image.

La valeur de l'attribut de texte de remplacement est définie par l'utilisateur.

<img src="boat.gif" alt="Big Boat">

Lorsque le navigateur ne peut pas charger l'image, l'attribut de texte de remplacement indique aux lecteurs les informations qu'ils ont perdues. À ce stade, le navigateur affichera ce texte alternatif à la place de l'image. C'est une bonne pratique d'ajouter l'attribut de texte alternatif à toutes les images de la page. Cela permet de mieux afficher les informations et est très utile pour ceux qui utilisent des navigateurs texte uniquement.

---

Image HTML - Définir la hauteur et la largeur de l'image

Les attributs de hauteur et de largeur sont utilisés pour définir la hauteur et la largeur de l'image.

L'unité par défaut pour les valeurs d'attribut est le pixel :

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

Conseil : C'est une bonne pratique de spécifier la hauteur et la largeur de l'image. Si une image a une hauteur et une largeur spécifiées, les dimensions spécifiées seront conservées lors du chargement de la page. Si la taille de l'image n'est pas précisée, la présentation globale de la page HTML peut être détruite lors du chargement de la page.

---

Notes de base - Conseils utiles :

Remarque : Si un fichier HTML contient dix images, alors pour afficher correctement la page, 11 fichiers doivent être chargés. Le chargement des images prend du temps, notre conseil est donc le suivant : utilisez les images avec prudence.

Remarque : lors du chargement de la page, faites attention au chemin pour insérer l'image de la page. Si la position de l'image ne peut pas être définie correctement, le navigateur ne peut pas charger l'image et la balise d'image affichera une image cassée. image.

---

Balise d'image HTML

标签	描述
a1f02c36ba31691bcfe87b2722de723b	定义图像
dab9f699790ab0922e596ecb9f6677d5	定义图像地图
03fc64e1e502d5ba947b3a9af06d2d2a	定义图像地图中的可点击区域

Recommandations associées :
5 articles recommandés sur les images HTML

À propos des images HTML Introduction détaillée

Compréhension approfondie des images HTML_html/css_WEB-ITnose

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!