zoukankan      html  css  js  c++  java
  • H5 表格标签的其它标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>表格标签的其它标签</title>
    </head>
    <body>
    <!--
    感谢极客江南

    1.表格标题
    在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动相对于表格的宽度居中

    2.caption标签的注意点:
    2.1caption一定要写在table标签中, 否则无效
    2.2caption一定要紧跟在table标签后面

    3.标题单元格标签
    3.1.在表格标签中提供了一个标签专门用来存储每一列的标题, 这个标签叫做th标签, 只要将当前列的标题存储在这个标签中就会自动居中+加粗文字

    3.2.到此为止我们就发现, 其实表格中有两种单元格, 一种是td, 一种是th. td是专门用来存储数据的, th是专门用来存储当前列的标题的
    -->

    <table bgcolor="black" cellspacing="1px" width="800px" align="center">
    <caption>
    <h2>今日小说排行榜</h2>
    </caption>
    <tr bgcolor="#a9a9a9">
    <th>排名</th>
    <th>关键词</th>
    <th>趋势</th>
    <th>今日搜索</th>
    <th>最近七日</th>
    <th>相关链接</th>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/up.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/up.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/down.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/down.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/up.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/up.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    <tr bgcolor="white" align="center">
    <td>1</td>
    <td align="left">暴走大事件</td>
    <td>
    <img src="images/up.jpg">
    </td>
    <td>623557</td>
    <td>4088311</td>
    <td>
    <a href="#">贴吧</a>
    <a href="#">图片</a>
    <a href="#">百科</a>
    </td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    kotlin入门
    android 组件化、插件化、热更新
    hadoop的心跳回忆
    [转] 支持向量机SVM的理解
    HDFS的block Id与generation stamp
    【Z】awk中使用shell的环境变量
    ceph相关
    华为手机C8812连不上豌豆荚等手机助手——解决方法
    【亲测】fatal error C1010: unexpected end of file while looking for precompiled head
    JOI Open 中一些没有题解的题的简要题解
  • 原文地址:https://www.cnblogs.com/ljcgood66/p/6238164.html
Copyright © 2011-2022 走看看