<h2>表格标签是用来展示数据的</h2>
<table border ="1" cellspacing="0" width="350" height="220" align ="center"> <!--cellspacing="0"规定单元格之间的空白,默认为2像素。-->
<!-- th 表头文字居中加粗显示-->
<tr><th>姓名</th> <th >性别</th> <th>年龄</th> </tr>
<tr><td>陈哈哈</td> <td>女</td> <td>18</td> </tr>
<tr><td>陈可爱</td> <td>女</td> <td>19</td> </tr>
<tr><td>美少女</td> <td>女</td> <td>20</td> </tr>
</table></br>
<table border ="1" cellspacing="0" align ="center" width="600" height="300"><br>
<!-- thead表格头部标签 thead包含tr标签,tbody表格主体区域标签 -->
<!-- table一个大的盒子,tr行的标签,td单元格标签 -->
<!-- th表头单元格标签,加粗 -->
<thead>
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="img/down.jpg"></td>
<td>456</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/down.jpg"></td>
<td>124</td>
<td>675432</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
<tr>
<td>3</td>
<td>西游记</td>
<td><img src="img/up.jpg"></td>
<td>212</td>
<td>7654</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"></td>
<td>23</td>
<td>75645</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"></td>
<td>124</td>
<td>675432</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
<tr>
<td>6</td>
<td>水浒传</td>
<td><img src="img/up.jpg"></td>
<td>576576</td>
<td>1231421</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
<tr>
<td>7</td>
<td>三国演义</td>
<td><img src="img/up.jpg"></td>
<td>234</td>
<td>7686</td>
<td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
</tr>
</tbody>
</table>
前端HTML表格标签
最新推荐文章于 2023-06-08 09:18:28 发布