- 内容摘要：
- 详细介绍<img>标签的属性和使用案例。
7.图片(Images)
知识点：
- <img> 只包含属性，并且没有闭合标签。
| 属性 | 描述 | 实例 |
|---|---|---|
| src | 图像的地址 | <img src=“https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png”> |
| border | 图像的边框 | <img border=“5” src=“https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png”> |
| alt | 为图像定义一串预备的可替换的文本 | <img src=“https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png” alt=“一串预备的可替换的文本”> |
| height（高度） 与 width（宽度） | 图像的高度与宽度 | <img src=“https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png” width=“200” height=“50”> |
运用例子：
备注：请亲自动手模仿着输入代码，在反复练习中熟悉。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 图像标签</title>
</head>
<body>
<p>创建图片链接:
<a href="https://www.baidu.com">
<img border="5" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="我的边框是5" width="200" height="50"></a>
</p>
<p>无边框的图片链接:
<a href="https://www.baidu.com">
<img border="0" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="我的边框是0" width="200" height="50"></a>
</p>
</body>
</html>
300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
