版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Wchenchen0/article/details/82665788
含义：宽度由内容展开，同一行标签不换行，除非宽度相加超过浏览器显示宽度
| 标签 | 名称 | 说明 |
| span | 行内区域标签 | 将一行内容划分为对个区域，便于后期修饰处理 |
| img | 图像标签 | 用于呈现图片内容 |
| alt | 代替文字 | 图片路径不存在的时候，用于提示用户的说明文字 |
| src | 源 | 用于呈现的图片的路径 |
| width | 宽度 | 当前标签展现的宽度 |
| height | 高度 | 当前标签战士的高度 |
| title | 提示文字 | 当前用户将鼠标移动到图片上并停在图片上的时候的提示文字 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>line</title>
</head>
<body>
<div>
$<span>500</span>
</div>
<hr />
<div>
美女:
<!--
相对路径：就是从当前的图片库来获取图片
-->
<img src="图片/TB2_bsKvHArBKNjSZFLXXc_dVXa_!!0-saturn_solar.jpg_220x220.jpg_.webp.jpg">
<!--
绝对路径：就是从根源获取的图片，比如从一个网页上来获取，这时候就要有网路了
-->
<img src="https://img.alicdn.com/imgextra/i3/55316976/TB2_bsKvHArBKNjSZFLXXc_dVXa_!!0-saturn_solar.jpg_220x220.jpg_.webp">
<img src="图片/TB2_bsKvHArBKNjSZFLXXc_dVXa_!!0-saturn_solar.jpg_220x220.jpg_.webp.jpg" width="30px" height="100px" title="美女图片">
<img src="图片/TB_bsKvHArBKNjSZFLXXc_dVXa_!!0-saturn_solar.jpg_220x220.jpg_.webp.jpg" alt="这是一张图片">
</div>
</body>
</html>
