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>

  • 相关阅读:
    最长什么什么子序列进阶(xym的hu测)
    樱花庄的宠物女孩AtCoder Grand Contest 015E
    樱花庄的宠物女孩AtCoder Grand Contest 015E
    boyne
    bzoj1001 [BeiJing2006]狼抓兔子
    95.自动注射
    94.文件bat脚本自删除
    93.下载器
    91.#pragma 详解
    91.生成ini文件并写入和读取ini文件
  • 原文地址:https://www.cnblogs.com/ljcgood66/p/6238164.html
Copyright © 2011-2022 走看看