<html>
<head>
<title>图片标签学习</title>
<meta charset="UTF-8"/>
</head>
<body>
<h3>图片标签学习:</h3>
<!--使用本地资源:图片位于本地电脑中-->
<hr />
<font color = "00AA34">
<h1><center>战斗天使：阿丽塔</h1><center>
</font>
<!--使用网络资源:-->
<hr/>
<img src="http://img3.imgtn.bdimg.com/it/u=1057132256,1537894663&fm=11&gp=0.jpg" width="500px"/>
</body>
图片标签学习:
图片标签:
img
src:图片路径
本地资源路径:一般本地图片资源使用相对路径即可
网络资源路径:图片资源的URL地址
width:设置图片的宽度,如果是单独设置,则再图片保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
height:设置图片的高度,如果是单独设置,则再图片保证不失真的情况下自动缩小或者放大
单位可以是px也可以是百分比
title:图片标题,鼠标放在图片上的时候会显示
alt:图片加载失败后的提示语
注意:图片是不会自动换行的(行内元素)
**注意**
相对路径:从当前文件出发查找另一个文件所经过的路径
绝对路径:从根盘符出发所查找文件的路径
<center> 战斗天使：阿丽塔 </center>
<center>
</center>
查看1道真题和解析