《Head First HTML与CSS》笔记——13 建立表格

前言

本章学习如何把自己的数据正确地放在HTML 表格中。

使用HTML建立表格

前面的章节学习了使用CSS和<div>来创建一个类似的表格布局（实际上是CSS表格显示），这里我们希望用HTML来标记表格。HTML有一个<table>元素专门负责标记表格数据。

表格的成分

首先来了解一下表格的组成成分：

浏览器如何显示HTML表格

• HTML的设计者决定按行指定表格，而不是按列来指定。不过，在指定每一行的<td>元素时，其实就是在按列指定。
• 如果有一行没有足够的元素，空余部分要写为<td></td>。如果省去这个数据单元格，表格就不能正确地排列对齐。
• 表格的表头可以放在左侧，只需要把表格表头元素放在各行。

将原有的列表改成表格

1. 改变HTML：
2. 改变CSS：

小结

更多表格属性的内容可以到W3school<table>标签查阅🙂。