我们经过一段时间的学习,基本上已经把关于HTML的知识学习完成了,那么我们接下来做个总结归纳,对重要的知识点进行梳理。

1.表格如何添加边框和去掉表格之间的空隙?

举例:如下图是三行三列的表格,我们通过border="1"为表格添加了边框,效果如下,我们会发现表格的边框不是我们想要的效果,我们只需要添加属性cellspacing="0"即可。

html扩展知识点(HTML知识梳理大全)(1)

html扩展知识点(HTML知识梳理大全)(2)

2.如何实现合并单元格的效果?

如图想要实现下图的效果,第一行合并为一行,第二行和第三行的第一个表格进行合并,怎么实现呢?

html扩展知识点(HTML知识梳理大全)(3)

第一步,确定是合并行还是合并列。第一行合并为一行,我们是想要合并的是三列,因此用colspan=‘合并的列数’。换言之,如果合并的是行,用rowspan="合并的行数",将属性放在第一个位置。

第二步,将剩余的表格删除。

html扩展知识点(HTML知识梳理大全)(4)

,