Maison  >  Article  >  interface Web  >  Exemple d'insertion d'images en HTML (ajout d'images en HTML)_HTML/Xhtml_Production de pages Web

Exemple d'insertion d'images en HTML (ajout d'images en HTML)_HTML/Xhtml_Production de pages Web

WBOY
WBOYoriginal
2016-05-16 16:37:592353parcourir

Insérer des images en HTML. Pour afficher des images, vous avez besoin de balises HTML. Vous pouvez utiliser la balise img.

1. Syntaxe des balises d'image HTML


Copier le code
Le code est le suivant :


img introduction :

src est suivi de l'adresse du chemin de l'image

width définit la largeur de l'image

hauteur définit la hauteur de l'image

2. Exemple d'affichage d'image html spécifique - TOP

Nous insérons trois images dans le code source html, une avec la taille d'origine, une avec la largeur et la hauteur modifiées en petites et une avec la largeur et la hauteur modifiées en grandes.

1. Le code html complet de l'exemple :


Copiez le code
Le code est le suivant :



;Insertion d'images dans la démonstration HTML en ligne< ;a href="http://www.vcss.comwww.vcss.com> 🎜>
< corps>

Grande image originale




Changer l'image pour une taille plus petite





Changer l'image pour une taille plus grande

🎜>


body>



2. Capture d'écran d'un exemple d'insertion d'image en HTML




Capture d'écran de l'exemple d'affichage d'insertion d'image HTML

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