html-table(单元格)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table width="500" border="1px" cellspacing="0" cellpadding="0" align="center">
<caption>小说排行榜</caption>
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="img/down.jpg" alt=""></td>
<td>345</td>
<td>123</td>
<td>
<a href="">贴吧</a>
<a href="">图片</a>
<a href="">百科</a>
</td>
</tr>
<tr>
<td>2</td>
<td>盗墓笔记</td>
<td><img src="img/up.jpg" alt=""></td>
<td>124</td>
<td>6578</td>
<td>
<a href="">贴吧</a>
<a href="">图片</a>
<a href="">百科</a>
</td>
</tr>

<tr>
<td>3</td>
<td>西游记</td>
<td><img src="img/down.jpg" alt=""></td>
<td>212</td>
<td>222223</td>
<td>
<a href="">贴吧</a>
<a href="">图片</a>
<a href="">百科</a>
</td>
</tr>
<tr>
<td>4</td>
<td>东游记</td>
<td><img src="img/up.jpg" alt=""></td>
<td>22212</td>
<td>7676</td>
<td>
<a href="">贴吧</a>
<a href="">图片</a>
<a href="">百科</a>
</td>
</tr>
<tr>
<td>5</td>
<td>三国演示</td>
<td><img src="img/down.jpg" alt=""></td>
<td>234</td>
<td>7687</td>
<td>
<a href="">贴吧</a>
<a href="">图片</a>
<a href="">百科</a>
</td>
</tr>
</table><br><hr>
<table width="500px" border="1px" cellspacing="0" cellpadding="0" align="center">
<caption>个人信息表</caption>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>生日</th>
<th>班级</th>
</tr>
<tr>
<td>零度雨</td>
<td >男</td>
<td>18</td>
<td>90-10</td>
<td >计算机</td>
</tr>
<tr>
<td>零度雨</td>
<td>男</td>
<td>18</td>
<td>90-10</td>
<td>计算机</td>
</tr>
</table><br><br>
<table border="1px" cellspacing="0" align="center" width="500px">
<caption>测试一下合并单元格</caption>
<tr>
<td rowspan="3">123</td> <!-- 合并单元格,合并3行 合并原则,从左到右,有上到下。-->
<td colspan="2">123</td> <!-- 合并单元格,合并2列 -->

</tr>
<tr>
<!-- <td>123</td> -->
<td>123</td>
<td>abc</td>
</tr>
<tr>
<!-- <td>123</td> -->
<td>123</td>
<td>abc</td>
</tr>
</table>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/pcjbk/p/9819834.html