web前端img命令

最新推荐文章于 2024-07-25 20:42:30 发布

精致的猪猪大叔

最新推荐文章于 2024-07-25 20:42:30 发布

阅读量544

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/shushubuchila/article/details/126960546

版权

一、新建一个HTML文件，在页面内显示出五张同样路径的图片：

1. 必须要具有 “alt” 和 “title” 属性

2. 第一张图宽度大于高度，第二张图高度大于宽度，第三张图高度等于宽度，第四张图只设置宽度，

第五张图只设置高度

3. 第二张图和第四张图后进行换行

4. 图片的宽度和高度均需要控制在 “200~600” 之间。

二、代码

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>1.3.2章节练习</title>
 </head>
 <body>

 <img src="./123.jpg" alt="图片加中" title="花" width="400" height="200">

<img src="./123.jpg" alt="图片加中" title="花" width="200" height="400">
 
 <img src="./123.jpg" alt="图片加中" title="花" width="400" height="400">
 <img src="./123.jpg" alt="图片加中" title="花" width="400">
 
 <img src="./123.jpg" alt="图片加中" title="花" width="400" height="200">
 </body>
</html>