14 HTML：表格元素

表格元素

table
·表格数据

• 通过二维数据表表示的信息
• 不应该作为布局使用
  ·属性
• border （边框）

caption
表示表格的标题
colgroup
表示表格中的一组列表
-span 默认为1，表示n列列表
col
定义列上所有公共单元格上的公共语义
-span 默认为1，表示n列列表

tbody
表示表格中一系列行数据
子元素只能是tr
可出现多个
thead
定义表格列头的行
tfoot
定义表格列简介的行
按照thead tbody tfoot顺序显示，不管代码中书写的顺序

tr
表示表格中的行
td
表示表格中的单元格
-colspan 表示跨列
-rowspan 表示跨行
-headers 和单元格相关的th的id
th
表示单元格的标题（表头）
-colspan 表示跨列
-rowspan 表示跨行
-headers 和单元格相关的th的id
-scope 表示单元格是某一行，某一列，某一行组，某一列组的头，只有语义上的效果，没有视觉效果
·row
·col
·rowgroup
·colgroup
·auto

<table border="1">
<thead>
<tr><th>区域</th><th>寄达地</th><th>首重 （元/1000g）</th><th>续重（元/1000g）</th></tr>
</thead>
<tbody>
<tr><th rowspan="2">一区</th><td>浙江、上海、江苏</td><td>6</td><td>1</td></tr>
<tr><td>江西、安徽</td><td>7</td><td>1</td></tr>
<tr><th>二区</th><td>北京、天津、河北</td><td>9</td><td>4</td></tr>
<tr><th>三区</th><td>辽宁、甘肃、四川</td><td>10</td><td>4</td></tr>
<tr><th>四区</th><td>吉林、黑龙江、云南</td><td>10</td><td>6</td></tr>
<tr><th>五区</th><td>新疆、西藏</td><td>15</td><td>10</td></tr>
</tbody>
</table>

th-rowspan

<table border="1">
<thead><tr><th></th><th>时间</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th></tr></thead>
<tbody>
<tr><th rowspan="3" scope="rowgroup">上午</th><th scope="row">8:00-8:45</th><td>语文</td><td>数学</td>…</tr>
<tr><th scope="row">9:00-9:45</th><td>数学</td><td>数学</td>…</tr>
<tr><th scope="row">10:00-10:45</th><td>活动</td><td>数学</td>…</tr>
<tr><th rowspan="2" scope="rowgroup">下午</th><th scope="row">13:00-13:45</th><td>英语</td><td>数学</td>…</tr>
<tr><th scope="row">14:00-14:45</th><td>劳动</td><td>数学</td>…</tr>
</tbody>
</table>

th-scope