<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.col1 { background:#FCF;}
.col2 { background:#CFF;}
</style>
</head>
<body>
<table width="100%" height="300" border="1" frame="hsides" rules="groups">
<!-- caption 元素定义表格标题。caption 标签必须紧随 table标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。 -->
<caption>
<h1>华语九天榜</h1>
</caption>
<!-- <colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。这里把前两列划为一组，后一列划为一组。最好为<colgroup> 标签添加 class 属性。这样就可以使用 CSS 来负责对齐方式、宽度和颜色等等。 -->
<colgroup>
<col span="2" class="col1" />
<col class="col2" />
</colgroup>
<thead>
<tr>
<th>排名</th>
<th>歌曲名</th>
<th>歌手名</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>我，一个人</td>
<td>付辛博</td>
</tr>
<tr>
<td>2</td>
<td>他们</td>
<td>张惠妹</td>
</tr>
<tr>
<td>3</td>
<td>伤不起</td>
<td>郁可唯</td>
</tr>
<tr>
<td>4</td>
<td>如果有如果</td>
<td>邓福如</td>
</tr>
<tr>
<td>5</td>
<td>狂想曲</td>
<td>萧敬腾</td>
</tr>
<tr>
<td>6</td>
<td>越来越想爱上你</td>
<td>SD5行堂</td>
</tr>
<tr>
<td>7</td>
<td>妈妈咪呀!</td>
<td>张靓颖</td>
</tr>
<tr>
<td>8</td>
<td>除下吊带前</td>
<td>薛凯琪</td>
</tr>
<tr>
<td>9</td>
<td>如梦令（电影《大武生》主题曲）</td>
<td>韩庚</td>
</tr>
<tr>
<td>10</td>
<td>因为爱情</td>
<td>陈奕迅</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" style="text-align: right">更多>> </td>
</tr>
</tfoot>
</table>
</body>
</html>
C1B4007A-669F-4FCF-8A48-ECDB7C57EC32.png
网友评论