Comment définir des images et leurs tailles d'image en HTML ?-tutoriel HTML-php.cn

Comment définir des images et leurs tailles d'image en HTML ?

藏色散人

Libérer： 2018-08-25 16:37:57

original

16550 Les gens l'ont consulté

Dans le processus de création de pages Web HTML, les références d'images sont essentielles. Alors, comment l’image de définition HTML est-elle écrite ? Comment la taille et la largeur des images sont-elles contrôlées à l’aide du code HTML ? Cet article vous donnera une introduction détaillée aux connaissances pertinentes sur les balises d'image HTML et sur la manière dont HTML définit la taille de l'image. J'espère que cela aidera les amis dans le besoin.

L'exemple de code spécifique de l'image de définition HTML est le suivant :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html图像标签使用示例</title> 
</head>
<body>
<p>
一个图像:
<img src="/upload/course/000/000/010/58046a2b7e46d104.gif" alt="Smiley face" width="32"    style="max-width:90%"></p>
<p>
一个动图:
<img src="/upload/course/000/000/010/58046a41c6e3c115.gif" alt="Computer man" width="48"    style="max-width:90%"></p>
<p>
注意HTML定义图像和插入动图的语法是一样的。
</p>
</body>
</html>

Copier après la connexion

L'effet est le suivant :

Comment définir des images et leurs tailles dimage en HTML ?

Ce qui précède est un exemple simple de la façon d'utiliser HTML pour afficher des images sur une page Web.

Ce qui suit est un exemple d'obtention d'une image du serveur et de son affichage :

<p>一个来自文件夹中的图像:</p>
<img src="/upload/course/000/000/010/58046b14a8b9f738.gif" alt="Google Chrome" width="33"    style="max-width:90%"><p>一个来自php中文网的图像:</p>
<img src="/upload/course/000/000/010/58046c29b47ef575.png" alt="php.cn" width="336"    style="max-width:90%">

Copier après la connexion

L'effet est le suivant :

Comment définir des images et leurs tailles dimage en HTML ?

Grâce à la description ci-dessus, tout le monde aurait dû voir une étiquette importante.

Balise Comment définir des images et leurs tailles d'image en HTML ? :

En HTML, une image est définie par la balise Comment définir des images et leurs tailles d'image en HTML ? , qui est une balise vide qui ne contient que des attributs et n'a pas de balise de fermeture. Pour afficher une image sur la page, vous devez utiliser l'attribut source (src). src fait référence à « source ». La valeur de l'attribut source est l'adresse URL de l'image.

Vous devriez également remarquer ici les attributs width et height, qui représentent respectivement la largeur et la hauteur de l'image. La maîtrise de ces deux attributs peut aider les novices à résoudre le problème de l'utilisation du HTML pour définir la taille des images, c'est-à-dire contrôler la taille des images affichées par le code HTML.

En résumé, j'espère qu'il sera utile à tout le monde d'apprendre à utiliser les balises d'image HTML et à définir la taille des images en HTML.

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!