<html>
<head>
<title>图片标签学习</title>
<meta charset="utf-8"/>
</head>
<body>
<h3>图片标签学习</h3>
<hr />
<!--使用本地资源：图片位于本地电脑中-->
<img src="img/1.jpg" height="200px"/>
<img src="img/3.jpg" height="200px" title="这是一个优美的图片" alt="这是一个优美的图片"/>
<img src="img/2.jpg" height="200px" title="这是一个优美的图片"/>
<hr />
<!--使用网络资源：-->
<img src=""/>
</body>
</html>
<!--
图片标签：
img
src：图片路径
本地资源路径：一般本地图片资源使用相对路径即可
网络资源路径：图片资源的URL地址
width：设置图片的宽度，如果是单独设置，则图片在保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
height：设置图片的高度，如果是单独设置，则图片在保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
title：图片标题，鼠标放在图片上的时候显示
alt：图片加载失败后的提示语
注意：图片是不会自动换行的（行内元素）
注意：
相对路径：从当前文件出发查找另一个文件所经过的路径
绝对路径：从根盘符出发所查找文件的路径
-->
04-HTML-图片标签
猜你喜欢
转载自www.cnblogs.com/qust-lgh/p/10355656.html
今日推荐
周排行