• 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>

  • 相关阅读:
    Golang-数据类型-int类型
    Golang基础知识-变量
    16.和input相关的知识点
    14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
    12.登录页面左右切换。
    10.用js下载文件(需要后端链接)
    9.用js制作静态分页
    8.一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
    7.前端性能优化的方法
    iOS
  • 原文地址:https://www.cnblogs.com/pcjbk/p/9819834.html
Copyright © 2020-2023  润新知