表格回顾
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 51 课,共 60 课。
挑战
简单创建一个 HTML 文档,其中包含一张表格,并使用我们目前学过的所有元素:
- 使用
<table>标签定义表格,并将border属性设为 "1",以便显示边框。 - 使用
<caption>标签描述表格,文本为 "Employee Information"。 - 创建一行表头(
<tr>),其中包含三个表头单元格(<th>)。第一个表头应跨两列,内容为 "Employee Details";第二个内容为 "Department";第三个内容为 "Salary"。 - 创建一行表格(
<tr>),其中包含一个跨两行和两列、文本为 "John Doe" 的数据单元格(<td>),一个内容为 "Sales" 的数据单元格(<td>),以及一个内容为 "$50,000" 的数据单元格(<td>)。 - 再创建一行表格(
<tr>),其中包含一个内容为 "Marketing" 的数据单元格(<td>)和一个内容为 "$60,000" 的数据单元格(<td>)。 - 最后创建一行表格(
<tr>),其中包含一个跨两列、内容为 "Jane Smith" 的数据单元格(<td>),一个内容为 "IT" 的数据单元格(<td>),以及一个内容为 "$70,000" 的数据单元格(<td>)。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>基础知识中的所有课
自己练习: Web 在线编辑器