zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    关于“每日代码系列”以及后续计划
    每日代码系列(22)
    每日代码系列(21)
    mvcc
    父进程是1号进程产生大量的僵尸进程的解决方案
    nginx学习之路
    Zookeeper Curator 分布式锁
    jvm垃圾收集器汇总
    MySql分库分表以及相关问题
    Https交互原理
  • 原文地址:https://www.cnblogs.com/pcjbk/p/9819834.html
Copyright © 2011-2022 走看看