前端：HTML的body标签(图片标签)

最新推荐文章于 2024-08-09 15:13:41 发布

是一个小迷糊吧

最新推荐文章于 2024-08-09 15:13:41 发布

阅读量612

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/weixin_46178977/article/details/104019027

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

#前端
##HTML
###图片标签

img:
->src:
1、本地资源路径----->一般本地资源使用相对路径即可；
2、网络资源路径------>图片资源的URL地址
–>路径：
1、相对路径->（从当前路径出发查找另一个文件所经过的路径）；2、绝对路径（从根盘符出发所查找文件的路径）；
->width: 设置图片的宽度，如果是单独设置，则在保证图片不失真的情况下自动缩小或者放大，单位可以是px也可以是百分比
->height: 设置图片高度，如果是单独设置，则在图片保证不失真的情况下自动缩小或者放大，单位可以是px也可以是百分比。
注意：图片是不会自动换行的(行内元素)
->title: 图片标题，鼠标放在图片上的时候会显示
->alt：图片加载失败后的提示语

<html>
	<head>
			<title>想给时光写封情书</title>
			<meta charset="UTF-8"/>
	</head>
	<body>
			<h3>图片标签学习</h3>
			<hr />
			<!--使用本地资源：图片位于自己电脑上-->
			<img src="相对路径",width="" height="">
			<!--使用网络资源：-->
			<img src="图片资源的URL地址",width="" height="">
	</body>
</html>