Comment utiliser la balise d'image img en HTML/XHTML

Cette fois, je vais vous montrer comment utiliser la balise d'image img en HTML/XHTML. Quelles sont les précautions pour utiliser la balise d'image img en HTML/XHTML. Ce qui suit est un cas pratique. jetez un oeil.

La balise image permet d'afficher une image sur une page web.
Balise d'image HTML/XHTML
En XHTML, la balise est une balise non appariée.

Syntaxe de base :

détermine la source de l'image via l'attribut src .

Attributs de la balise d'image :
src : Image source, obligatoire. Spécifiez l'adresse source de l'image affichée, qui peut être une adresse relative ou une adresse absolue.
alt : texte alternatif, peut être omis. Il est utilisé pour remplacer le texte affiché lorsque l'image ne peut pas être affichée ou que le navigateur bloque l'image.
titre : texte d'invite de l'image, peut être omis. Lorsque la souris survole l'image, le texte pertinent s'affichera.
width : La largeur de l'affichage de l'image, qui peut être omise. Les unités sont des pixels.
hauteur : La hauteur de l'affichage de l'image, qui peut être omise. Les unités sont des pixels.

Attribut de remplacement de texte (alt)
Attribut de remplacement de texte de la balise d'image alt Bien qu'il ne s'agisse pas d'un attribut obligatoire, c'est un attribut très important. Lorsque le navigateur ne parvient pas à lire l'image pour une raison quelconque, ce texte alternatif s'affichera pour remplacer l'image d'origine afin de fournir les informations pertinentes perdues sur l'image. Cet attribut aide également les utilisateurs utilisant des navigateurs texte uniquement à comprendre le contenu de la page.
Par conséquent, c'est une bonne pratique d'ajouter un attribut de remplacement de texte alternatif significatif à chaque image.

Spécifiez la taille d'affichage de l'image

Vous pouvez ajouter l'attribut width ou height à la balise pour spécifier manuellement la taille d'affichage de l'image :

Conseils
Situation générale L'attribut de taille d'image sera ignoré et la taille d'origine de l'image ou l'affichage de la taille adaptative du navigateur sera affiché par défaut. La spécification d’une taille d’affichage d’image inappropriée peut entraîner une distorsion de l’image.
Comme le chargement des images prend un certain temps, vous devez essayer de réduire la taille de l'image tout en garantissant la qualité de l'image pour obtenir une bonne expérience d'accès utilisateur.

Lecture étendue
Pixel : Nous pouvons clairement considérer un pixel comme le plus petit point qu'un ordinateur peut afficher. Par exemple, la résolution de l'écran que nous disons souvent est de 1024*768, ce qui signifie que l'écran Il y a. 1024 (pixels) points horizontalement et 768 (pixels) points verticalement. Lorsqu'il est utilisé comme unité, il est généralement écrit par défaut sous la forme pix.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment faire en sorte que les bordures d'affichage du tableau

Comment implémenter la fonction de téléchargement en html

Quelle est la différence entre la classe et l'identifiant lors du marquage des éléments HTML

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!