Maison  >  Article  >  interface Web  >  Une introduction détaillée aux images HTML

Une introduction détaillée aux images HTML

高洛峰
高洛峰original
2017-03-22 14:10:071721parcourir

Images HTML - balise d'image () et attribut source (Src)

En HTML, les images sont définies par la balise

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 :

<em>some_text</em>

Image HTML - Attribut Alt

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

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

Grand Bateau

Lorsque le navigateur ne peut pas charger l'image, l'attribut de texte de remplacement indique aux lecteurs les informations qui leur manquent. À 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éfinissez la hauteur et la largeur de l'image

Les propriétés height et width sont utilisées pour définir la hauteur et la largeur de l'image.

L'unité par défaut de la valeur de l'attribut est le pixel :

Pierre de la chaire

Astuce : 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.


À faire et à ne pas faire 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 l'image. La balise d'image affichera une image cassée.

Balise d'image 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!

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