<html>
<head>
<title>图片标签学习</title>
<meta charset="UTF-8"/>
</head>
<!--
图片标签学习:
img标签:
src:图片资源的路径
本地图片资源:使用相对路径
网络图片资源:必须是完成网络图片资源的URL
例如:http://www.baidu.com/img/bd_logo1.png
width:设置图片的宽度
height:设置图片的高度
注意:宽和高设置其中一个,另外一个会自动在不失真的情况下跟随改变
title:表名图片的标题,当鼠标移动到图标上时显示
alt:图片资源加载失败的提示语
注意:
图片标签不带有换行功能
注意:
绝对路径:从根盘符出发查找指定文件所经过的路径
相对路径:从指定的文件出发查找另外一个文件所经过的路径
-->
<body>
<h3>图片标签学习</h3>
<hr />
<!--本地资源-->
这是一张风景图片:<br /><img src="img/4.jpg" height="300px" width="300px" alt="这是一张风景图片" title="这个一张风景图片"/>
<!--网络资源-->
<img src="http://www.baidu.com/img/bd_logo1.png"/>
</body>
</html>
图片标签学习
最新推荐文章于 2022-10-20 19:55:10 发布