美文网首页
8.表格标签

8.表格标签

作者: 若愚同学 | 来源:发表于2018-06-12 22:47 被阅读0次

    <table>:用于定义表格.

    <table>由0或1个<caption>子标签,0到1个<thead>子标签,0到1个<tfoot>子标签,多个<tr>子标签,多个<tbody>子标签组成;

    <table>常用的属性如下:

    border:指定表格边框的宽度,默认是0;

    cellpadding:指定单元格内容和单元格边框的间距,值可是像素或百分比;

    cellspacing:指定单元格之间的间距,值可是像素或百分比;

    width:指定表格的宽度,值可是像素或百分比;

    <caption>:用于定义表格的标题,必须放在<table></table>之间;

    <tr>:定义表格行,该标签内只能有<td>或<th>子标签;

    <td>:定义单元格,放在<tr>中,表示把一行分成N个单元格;(N取决于N对<td>);

    colspan:指定该单元格跨多少列,属性值是数字;
    
    rowspan:指定该单元格横跨的行数;
    
    height:指定单元格的高度;
    
    width:指定单元格的宽度;
    

    <th>:定义表格页眉的单元格;用法和<td>标签一直,只是显示效果有差别;

    <tbody>:定义表格的主体

    该标签只能包含<tr>子元素;使用<tbody>标签可以将一个表格分成几个独立的部分;<tbody>可以讲表格里的一行或多行合并成一组,以后使用Ajax编程的时候常常需要动态修改表格的某几行,此时就得使用<tbody>标签了;

    <thead>:定义表格头

    用法和<tbody>一致,功能有点差别;

    <tfoot>:定义表格脚

    用法和<tbody>一致,功能有点差别;

    <thead>,<tbody>,<tfoot>标签可以对表格的行进行分组,每对<tbody>就是一组;除此之外,
    当创建某个表格时.希望拥有一个标题行,以及底部的一个统计行;当打印表格式,表格头和表格脚的数据也会包含在数据的页面上;
    无论<thead>,<tbody>,<tfoot>三者的先后顺序如何,页面上总会是最上面显示表格头,中间是显示表格体,最下面显示表格脚数据;
    一般开发中建议从上到下的顺序是:<thead>,<tfoot>,<tbody>;
    好处是即使网速慢没有加载出表格体的数据,但是表格头和表格脚的信息会先显示出来,以”安抚民心”;
    

    相关文章

      网友评论

          本文标题:8.表格标签

          本文链接:https://www.haomeiwen.com/subject/hbcdeftx.html