网页图片展示

最新推荐文章于 2024-05-07 15:39:13 发布

qq_41700466

最新推荐文章于 2024-05-07 15:39:13 发布

阅读量978

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/qq_41700466/article/details/82724399

版权

web 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

`网页图片展示`

`需求：`

在一个页面中展示多张图片

`技术分析：`

```

`图片标签：*`

```

常用属性：

``src`：图片的路径

``alt`：替代文字

``title`：移上去显示的文字

``width`：宽

``height`：高

大小的写法：

像素：123px

百分比：20%

路径的写法：

相对路径：./或者什么都不写，当前目录

…/上一级目录

绝对路径：带协议的绝对路径：http：//www.baidu.com

<html>
	<head>
		<meta charset="UTF-8">
		<title>云韵</title>
	</head>
	<body>
		<img src="../img/云韵1.jpg" alt="云韵美图" title="云韵" height="1050px"width="1680px"/>
		<img src="../img/云韵2.jpg" height="1050px"width="1680px"/>
		<img src="../img/云韵3.jpg" />
		<img src="../img/云韵4.jpg" />
		<img src="../img/云韵5.jpg" title="云韵---" />
		<img src="../img/云韵6.jpg" alt="云韵图片" />
		
	</body>
</html>

效果
网页图片展示