HTML“表哥”你还好吗？

HTML 表格

表格由table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

HTML 表格的基本结构：

table：定义表格

th：定义表格的标题栏（文字加粗）
tr：定义表格的行

td：定义表格的列

HTML 表格表头单元格

表格的表头单元格使用标签进行定义。

表格的表头单元格属性主要是一些公共属性，如：align、dir、width、height。

HTML 表格背景

您可以使用以下方法之一设置 HTML 表格的背景

bgcolor属性 - 可以为整个表格或仅为一个单元格设置背景颜色。
background属性 - 可以为整个表设置背景图像或仅为一个单元设置背景图像。
bordercolor属性 - 可以设置边框颜色。
注：HTML5 中不推荐使用bgcolor，background和bordercolor属性。不要使用这些属性。

HTML 表格空间

有以下两个属性，用于调整 HTML 表格中单元格的空间：

cellspacing属性-定义表格单元格之间的空间
cellpadding属性-表示单元格边框与单元格内容之间的距离

HTML 合并单元格

如果要将两个或多个列合并为一个列，将使用colspan属性
如果要合并两行或更多行，则将使用rowspan属性。

个人总结

我们在学习块元素的同时也要结合它的特性，在不改变其意义的同时，用自己理解的方式概括出来，概括出来的东西由于自己已经理解了一遍，再通过理解画一些草图便更加深入加深了知识点的印象，那么在今后的复习和应用中就算有些遗忘了，但当你再拿出来看的时候一定很快就会掌握，所以这就是学习笔记的重要性。