zoukankan      html  css  js  c++  java
  • 认识网页上的表格

    一、创建表格的五个元素:

    table、tbody、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示

    3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    5、<th>…</th>:表格的头部的一个单元格,表格表头。

    6、表格中列的个数,取决于一行中数据单元格的个数。

    如:

    二、用css样式,为表格加上边框

    运行后:

    三、为表格添加标题和摘要

    1.标题:用以描述表格内容,标题的显示位置:表格上方。

         语法:

    <table>
        <caption>标题文本</caption>
        <tr>
            <td>…</td>
            <td>…</td>
            …
        </tr>
    …
    </table>

    2.摘要:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

        语法:<table summary="表格简介文本">

  • 相关阅读:
    Hibernate 多表查询结果集的处理
    is not mapped [from错误
    input输入框内,焦点后文字消失;placeholder 与 value 区别
    滚动文字JS
    安装mysql和xampp遇到问题
    python数据结构总结
    翻译二--创建一个Web测试计划
    jmeter元件执行顺序及简介
    testlink for windows 安装
    postman使用
  • 原文地址:https://www.cnblogs.com/pmlyc/p/6287511.html
Copyright © 2011-2022 走看看