zoukankan      html  css  js  c++  java
  • html表格中的tr td th用法

    表格是html中经常使用到的,简单的使用可能很多人都没问题,但是更深入的了解的人恐怕不多,下面我们先来看一下如何使用。

    <table>是<tr>的上层标签
    <tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.  
    <table>标示一个表格,<tr>标示这个表格中间的一个行  
    <td>标示行中的一个列,需要嵌套在<tr></tr>中间

    具体格式是:(两行两列)  
    <table>  
    <tr>  
    <td></td>  
    <td></td>  
    </tr>  
    </teble>

    <th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中

    <table>...</table> 用于定义一个表格开始和结束

    <th>...</th> 定义表头单元格。表格中的文字将以粗体显示(<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看:
    <th>文字</th>=<td><b>文字</b></td>
    ),
    在表格中也可以不用此标签,<th>标签必须放在<tr>标签内

    <tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格

    <td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签必须放在<tr>标签内


    。<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
    其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下:
     row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。
     col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。
     rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。
     colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。
    abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。
    标准表格模型
     <table>
            <caption></caption>
            <thead>
                <tr>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td></td>
                </tr>
            </tfoot>
        </table>

    相关:

    <th>不光是粗体,还是居中的
    <caption>也是居中的,而且如果table有border的话则caption不在border之内
    TFOOT 元素内包含的有效标签有:  
    TD  
    TH  
    TR  
    任何给定的 table 对象都只能定义一个 tFoot

    from: http://blog.sina.com.cn/s/blog_6e601baf01011kwo.html

  • 相关阅读:
    OnEraseBkgnd、OnPaint与画面重绘
    .编译ADO类DLL时报错的解决方案
    VC列表框样式
    Codeforces 131D. Subway 寻找环树的最短路径
    Codeforces 103B. Cthulhu 寻找奈亚子
    Codeforces 246D. Colorful Graph
    Codeforces 278C. Learning Languages 图的遍历
    Codeforces 217A. Ice Skating 搜索
    Codeforces 107A. Dorm Water Supply 搜图
    Codeforces 263 D. Cycle in Graph 环
  • 原文地址:https://www.cnblogs.com/GarfieldEr007/p/10003225.html
Copyright © 2011-2022 走看看