Maison >interface Web >tutoriel HTML >Comment insérer des images en HTML

Comment insérer des images en HTML

php中世界最好的语言
php中世界最好的语言original
2017-11-23 17:39:2426781parcourir

En HTML, nous insérons souvent des images, alors comment insérons-nous des images ? Dois-je faire quelque chose pour afficher des images HTML ? Aujourd'hui, nous allons parler de la façon d'insérer des images en HTML

L'insertion d'images en HTML pour afficher des images nécessite la balise HTML pour y parvenir. Utilisez la balise img accomplir.

html

Balise d'imageSyntaxe

height="60" /> ;

img introduction :

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

largeur Définir la largeur de l'image

hauteur Définir la hauteur de l'image

Exemple d'affichage d'image HTML spécifique

Nous insérons trois images dans le code source HTML, une est à l'origine grande, une a la largeur et la hauteur modifiées en petites, et une a la largeur et la hauteur modifiées en grandes.

1. Code HTML complet de l'exemple :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>图片插入html 在线演示</title> 
</head> 
 
<body> 
<p>原始大图片</p> 
<p> 
<img src="1.gif" width="165" height="60" /> 
</p> 
<p>改小图片</p> 
<p> 
<img src="2.gif" width="105" height="30" /> 
</p> 
<p>改大图片</p> 
<p> 
<img src="3.gif" width="365" height="120" /> 
</p> 
</body> 
</html>
Voici les étapes ci-dessus pour insérer des images dans HTML. Pour un contenu plus intéressant, veuillez faire attention au site Web chinois php

. Autres articles liés !

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