一、table表格：
1、caption和summary：表格的标题和摘要；<table summary="摘要"> <caption>标题</caption> </table>
2、<tr></tr>表格的一行开始和结束；
3、<th></th>; <td></td>代表表格中每个单元的内容；其中th可以作为列/行的标题；
4、<colgroup> <col>...<col style="样式"> </colgroup>；对表的某一列进行整体样式的控制；
5、th的属性值scope="row/col/rowgroup/colgroup"：一行或者一列的结构化标记；（这是一行/一列）；于此类似的还有th标签中添加id属性，每个td标签添加headers属性（单元格属性哪一行和哪一列）；
6、table还可以将表格结构化成<thead>、<tbody>、<tfoot>；
7、在table样式中添加table-collapse：collapse样式的时候，表中的单元格之间的边框进行合并；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>太阳系行星数据</title>
<link href="minimal-table.css" rel="stylesheet">
</head>
<body>
<h1>太阳系行星数据</h1>
<table>
<caption>太阳系中行星的一些数据。（资料取自<a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">NASA 行星数据 - 公制</a>，图片取自<a href="https://www.nasa.gov/multimedia/imagegallery/">NASA 照片库</a>。）</caption>
<colgroup>
<col span="2">
<col style="border:3px solid #000">
</colgroup>
<tbody>
<tr>
<td colspan="2"></td>
<th scope="col">名字</th>
<th scope="col">质量 (10<sup>24</sup>kg)</th>
<th scope="col">直径 (km)</th>
<th scope="col">密度 (kg/m<sup>3</sup>)</th>
<th scope="col">重力 (m/s<sup>2</sup>)</th>
<th scope="col">天长 (hours)</th>
<th scope="col">与太阳距离 (10<sup>6</sup>km)</th>
<th scope="col">平均温度 (°C)</th>
<th scope="col">卫星数量</th>
<th scope="col">备注</th>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="2" scope="rowgroup" rowspan="4">类地行星</th>
<th scope="row">水星</th>
最低0.47元/天 解锁文章
515
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
