添加标题

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

在 HTML 表格中，标题是表格的名称或说明。它会简要描述表格的内容，让用户更容易理解表格的用途。标题使用 <caption> 标签创建，应紧接在 <table> 标签之后。

以下是在 HTML 表格中添加标题的基本语法：

<table>
	<caption>Table Caption</caption>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
</table>

挑战

简单

创建一个包含标题的 HTML 文档，其中有一个表格。表格结构如下：

使用 <table> 标签定义表格。
使用 <caption> 标签，并将文本设为 "Product Inventory" 来描述表格。
添加一个表头行（<tr>），其中包含两个表头单元格（<th>）。表头单元格应分别写为 "Product Name" 和 "Quantity"。
添加一个包含两个数据单元格（<td>）的表格行（<tr>）。单元格应分别写为 "Laptop" 和 "5"。
再添加一个包含两个数据单元格（<td>）的表格行（<tr>）。单元格应分别写为 "Mouse" 和 "10"。

亲手试试

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

自我测试

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

基础知识中的所有课

1HTML 基础

什么是 HTML？HTML 的基本结构标签和元素嵌套标签和闭合标签 HTML 中的注释

4食谱卡片

7个人资料页

10表格

表格基础添加标题跨行与跨列表格回顾

2文本与格式设置

标题段落换行粗体和斜体再次练习粗体和斜体回顾：格式设置

5添加内容

HTML 属性链接新页面链接图片图片属性

8表单和输入，第 1 部分

表单基础文本输入框输入属性密码输入框输入框的标签回顾：基础表单

11活动报名页面

3使用列表

6页面布局

div 元素行内 span 语义化标签 section 和 article 元素布局回顾

9表单和输入，第 2 部分

单选按钮复选框下拉菜单按钮表单中的按钮回顾：表单 #1 回顾：表单 #2

12最终挑战

简单个人资料卡活动邀请卡简单文章页面最喜欢的书籍列表

自己练习： Web 在线编辑器