Comment insérer des images en HTML-tutoriel HTML-php.cn

Comment insérer des images en HTML

php中世界最好的语言

Libérer： 2020-07-13 16:27:38

original

26725 Les gens l'ont consulté

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>

Copier après la connexion

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!