<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>
表格单元横跨两行的表格：
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
不设定格子的宽和高会是什么样的？Chome 上的效果观察出来你不觉得 1 和 5 的宽度超过了 2 的 2 倍么？IE11 上看到的宽度反而是正常的，只是 IE 11 的高度不正常。你尝试一下把浏览器的窗口放大点看尺寸是否会自动调节。
因此这看上去是总尺寸被自动调节了的效果，需要明确的设定 table 的尺寸，或者先不设定任何尺寸看浏览器怎么自动调节，找到规律后再来设置。
表格在数据展示方面非常简单，并且表现优秀，通过与CSS的结合，可以让数据变得更加美观和整齐。
行、列、单元格单元格特点：同行等高、同列等宽。
表格的基本语法：
创建一个3行3列的表格：
单元格中内容的填充间距通过cellpadding(默认1px)属性来设置；
单元格与单元格之间的间距通过cellspacing(默认1px)属性来设置。
设置单元格的填充间距为10，单元格之间的间距为0，红色边框
一般表格的第一行是标题，并且是文本居中、加粗，将td换成th。
而某些数据需要居中，但不希望加粗，可以给td添加align="center"
表格的跨行跨列
有时，表格的结构并没有那么简单，可能会存在跨行和跨列的情况：
跨行：
跨列：
跨行、跨列并存：
这个问题看似很复杂，其实很简单，在制作跨行和跨列的表格时，只需按照如下步骤就可以轻松搞定！：
首先做一个完整的表格：注意虚线部分，最终去掉这些虚线就是我们要的效果
找出最左上角那个“侵占”其他单元格的单元格，如下图标注数字的位置
观察这个单元格“侵占”的是行还是列，算上自己总共是几个？(行数用r表示，列数用c表示)：
如果是行：在这个单元格上添加rowspan="r"
如果是列：在这个单元格上添加colspan="c"
如果既有行又有列：在这个单元格上添加rowspan="r" colspan="c"
把“被侵占”的单元格删掉，删除顺序：从右向左，从上至下，否则很容易出错！
按以上步骤完成一个跨行跨列的表格：
每天持续更新，点点关注不迷路哦~
