HTML学习之制作简单的表格

HTML学习之制作简单的表格

  如何做一个这样的表格：

制作表格需要的标签

首先，我们需要在<table>中设置属性：①width是表格宽度最大值，我们设置成100%。②border是表格边框线条的宽度。③cellspacing是控制相邻边框的距离，我们设置成0。④cellpadding是控制单元格的空白区域，我们设置成20。⑤<caption>是标题，<strong>是加粗字体。⑥<tr>建立行的内容，<td>建立列的内容，<colspan>是横跨列单元格，这里第一个是跨了5个单元格。这里建立了第一行·的内容。

提示：横跨列单元格需要删掉多余的单元格。

第二行内容，利用<div>进行分类。

3-6行，我们只需要建立空白格，所以3-6行的内容是一样的。

第七行只有两个内容，所以我们直接横跨列合并单元格。

第八行有点麻烦，因为最后一行中间是没有竖线的，所以需要一点CSS

中的内容（在下面）。<colspan>横跨列合并单元格时，多余的单元格需要删掉。

CSS：意思是：最后一行的中没有竖格线。

最后，我们就做出了一个简单的表格。