En HTML, vous pouvez utiliser la balise img avec l'attribut src pour insérer des images. Le format de syntaxe est "". 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.
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" >
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>
Rendu :
Balise HTML La balise
La balise
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 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 dans une balise .
Valeur de l'attribut :
Attribut | Valeur | Description | ||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
haut
|
HTML5 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. ||||||||||||||||||||||||||||||||||||||||||
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. |
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!