结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<table>
<caption>表格上方的居中标题</caption>
<colgroup>
<col span="2" style="">
<col style="">
</colgroup>
<thead>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
</thead>
<tody>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</tfoot>
</table>

标签

1
<caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody>

<caption>标题

对齐方式:

无其他属性(HTML4.01 的 align 属性被 HTML5 删除)

<colgroup><col> :对列进行组合

对列进行组合

span 属性:定义横跨的列数,无 span 属性默认为 1(类似于 td 的 colspan 属性)

无其他属性(表示样式的 HTML4.01 属性均被 HTML5 删除)

<thead> <tbody> <tfoot>

无属性(样式属性被 HTML5 删除)

默认不会影响表格的样式布局

优点:

<table>

属性:border=1 或”” 规定是否有边框

无其他属性(表示样式的 HTML4.01 属性均被 HTML5 删除)

表格行:<tr>

无属性(表示样式的 HTML4.01 属性均被 HTML5 删除)

单元格:<td><th>

差异

属性

自动居中

CSS 属性:border-collapse

默认情况:单元格之间有间隔隔开,border-collapse:separate

一般不需要隔开:

1
2
3
table {
border-collapse: collapse;
}

"你大爷还是你大爷"