<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图片标签笔记代码
</title>
</head>
<body>
<p><img/>
<p>img/:用于在页面效果中展示一张图片
</p>
<p>src:指明图片的路径（必有属性）
</p>
<p>图片路径的写法：
</p>
<p>内网路径：
</p>
<p>绝对路径：文件在硬盘上的具体位置【不建议使用】
</p>
<p>例如；c:\java\a1.jpg
</p>
<p>相对路径：从引入者所在目录出发【建议使用相对路径】
</p>
<p>例如：../img/c.jpg
</p>
<p>../表示上一层目录
</p>
<p>./表示当前目录
</p>
<p>互联网目录：前面一定要加http://
</p>
<p>width：图片宽度
</p>
<p>height：图片高度
</p>
<p><font color="red">宽度和高度的设置:
</p>
<p>默认单位是px,像素，例如width=“400” 其实是设置width=“400”（固定设置图片大小不会变化）
</p></font>
<p><font color="blue">百分比设置：
</p>
<p>例如：width=“50%”， 是父类标签的百分比（图片会随父类大小动态变化）
</p></font>
</p>
<p>会随页面大小变化
</p>
<img src="./img/img_1.jpg" width="50%" height="50%" />
<p>不会随页面大小变化
</p>
<img src="./img/img_2.jpg" width="400" height="400"/>
<p>从网上放来的图：
</p>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1602176990130&di=c5bbe5c12dd78b317f118e69d8771db4&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fw%3D580%2Fsign%3D2a65abc3dd33c895a67e9873e1127397%2F88717e0e7bec54e71390c64abd389b504fc26a31.jpg" />
</body>
</html>
