Maison > interface Web > tutoriel HTML > le corps du texte

Comment insérer des images en HTML

青灯夜游
Libérer: 2023-01-05 16:13:17
original
97564 Les gens l'ont consulté

En HTML, vous pouvez utiliser la balise img avec l'attribut src pour insérer des images. Le format de syntaxe est "Comment insérer des images en HTML". La balise img est utilisée pour définir des images dans les pages HTML et créer des espaces réservés pour les images référencées et l'attribut src est utilisé pour spécifier l'URL où l'image est affichée.

Comment insérer des images en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

En html, vous pouvez utiliser la balise img pour insérer des images , syntaxe :

<img  src="图片文件路径" / alt="Comment insérer des images en HTML" >
Copier après la connexion

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Comment insérer des images en HTML" >
	</body>
</html>
Copier après la connexion

Rendu :

Comment insérer des images en HTML

Balise HTML Comment insérer des images en HTML La balise

Comment insérer des images en HTML La balise

Comment insérer des images en HTML a deux attributs obligatoires : src et alt.

Remarque : Techniquement, les images ne sont pas insérées dans la page HTML, mais liées à celle-ci. La balise Comment insérer des images en HTML crée un espace réservé pour l'image référencée.

Conseil : Ajoutez un lien vers un autre document en imbriquant une balise Comment insérer des images en HTML dans une balise .

Valeur de l'attribut :

alignerHTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie comment les images sont organisées en fonction du texte environnant.
Attribut Valeur Description
haut
属性 描述
align top

bottom

middle

left
right
HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。
loading eager:立即加载
lazy:延迟加载
指定浏览器是应立即加载图像还是延迟加载图像。
alt text 规定图像的替代文本。
border pixels HTML5 不支持。HTML 4.01 已废弃。规定图像周围的边框。
crossorigin anonymous
use-credentials
设置图像的跨域属性
height pixels 规定图像的高度。
hspace pixels HTML5 不支持。HTML 4.01 已废弃。规定图像左侧和右侧的空白。
ismap ismap 将图像规定为服务器端图像映射。
longdesc URL HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。
src URL 规定显示图像的 URL。
usemap #mapname 将图像定义为客户器端图像映射。
vspace pixels HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。
width pixels 规定图像的宽度。

basmilieu

gauchedroite
chargement impatient : charger immédiatement lazy : chargement paresseux Spécifie si le navigateur doit charger les images immédiatement ou paresseusement Chargez des images.
alt text Spécifie le texte alternatif pour l'image.
bordure pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la bordure autour de l'image.
origine croisée anonyme use-credentials Définir les attributs inter-domaines des images
hauteur pixels Spécifie la hauteur de l'image.
hspace pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie les marges sur les côtés gauche et droit de l'image.
ismap ismap Spécifie une image en tant que carte d'image côté serveur.
longdesc URL HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. URL pointant vers un document contenant une longue description d'image.
src URL Spécifie l'URL pour afficher l'image.
usemap #mapname Définit l'image comme une image cliquable côté client.
vspace pixels HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la marge en haut et en bas de l'image.
largeur pixels Spécifie la largeur de l'image.
Tutoriel recommandé : "Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal