Menu
CoddyTech

表格回顾

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

challenge icon

挑战

简单

创建一个 HTML 文档,其中包含一张表格,并使用我们目前学过的所有元素:

  1. 使用 <table> 标签定义表格,并将 border 属性设为 "1",以便显示边框。
  2. 使用 <caption> 标签描述表格,文本为 "Employee Information"。
  3. 创建一行表头(<tr>),其中包含三个表头单元格(<th>)。第一个表头应跨两列,内容为 "Employee Details";第二个内容为 "Department";第三个内容为 "Salary"。
  4. 创建一行表格(<tr>),其中包含一个跨两行和两列、文本为 "John Doe" 的数据单元格(<td>),一个内容为 "Sales" 的数据单元格(<td>),以及一个内容为 "$50,000" 的数据单元格(<td>)。
  5. 再创建一行表格(<tr>),其中包含一个内容为 "Marketing" 的数据单元格(<td>)和一个内容为 "$60,000" 的数据单元格(<td>)。
  6. 最后创建一行表格(<tr>),其中包含一个跨两列、内容为 "Jane Smith" 的数据单元格(<td>),一个内容为 "IT" 的数据单元格(<td>),以及一个内容为 "$70,000" 的数据单元格(<td>)。

亲手试试

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

基础知识中的所有课

自己练习: Web 在线编辑器