图片

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 23 课，共 60 课。

图片可以让你的网页更吸引人，使用 <img> 标签就能轻松地在 HTML 中添加图片。<img> 标签是自闭合的，也就是说，它不需要结束标签。

要显示图片，你需要使用 src 属性。这个属性用于指定图片的位置（URL 或文件路径）。例如：

<img src="https://coddy.tech/images/bit.svg" />

在这个示例中，浏览器会从 URL https://coddy.tech/images/bit.svg 加载并显示图片。

自闭合标签，例如 <img>，用于没有内部内容的元素，因此没有结束标签。在 HTML5 中，末尾的斜杠是可选的：<img src="bit.svg"> 和 <img src="bit.svg" /> 都是有效的。本课程使用 />。

挑战

简单

向 HTML 文档中添加一张图片，你可以使用本课示例中的 URL，也可以使用其他 URL。

确保你能看到图片！

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
    </body>
</html>

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

基础知识中的所有课

1HTML 基础

4食谱卡片

7个人资料页

10表格

2文本与格式设置

5添加内容

8表单和输入，第 1 部分

11活动报名页面

3使用列表

6页面布局

9表单和输入，第 2 部分

12最终挑战