Maison > interface Web > tutoriel HTML > 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
Libérer: 2016-05-16 16:37:59
original
2400 Les gens l'ont consulté

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

É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