含义:宽度由内容展开,同一行标签不换行,除非宽度相加超过浏览器显示宽度
标签 | 名称 | 说明 |
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>