2017-09-07
摘抄自W3school-HTML 表格
希望帮助自己系统地打好基础，也能在做笔记的同时添加一些自己额外的收获。
你可以使用 HTML 创建表格。
表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
表格和边框属性
如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
使用边框属性来显示一个带有边框的表格。
表格的表头
表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本。
表格中的空单元格
在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。
注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。用 。
实例中的收获
- 标题是用<caption>我的标题</caption>
- 定义跨行或跨列的时候，rowspan="2"，colspan="2"。
- 单元格内部可以放标签，如表格、列表等
- 使用 Cell padding 来创建单元格内容与其边框之间的空白
- 使用 Cell spacing 增加单元格之间的距离
- 可以向表格添加背景，bgcolor="red"，background="/i/eg_bg_07.gif"
不是说前者如今不该被使用吗
- 可以向一个或者更多表格单元添加背景，放在<td>标签中即可
- 可以使用 "align" 属性排列单元格内容，用align属性即可
- 使用 "frame" 属性来控制围绕表格的边框，如box,above,below,hsides,vsides
