常用的表格标签及补充

青旅半醒 2023-07-20 13:35 5阅读 0赞

表格的作用：显示数据

<table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>

表格标签补充：  
1、表格的数据分组：

<thead></thead>       //表头
      <tbody></tbody>       //表体
      <tfoot></tfoot>       //表尾

2、列标题标签

<th></th>
      默认的样式:左右居中  文本加粗

3、表格标题：

<caption></caption>   //文档表头标题
      标题的位置：
        css属性:caption-size:left || right || top || bottom  
        注:left || right 有兼容问题：火狐能识别

4、数据列分组

<colgroup span="把几列分成一组"></colspan>
     表格里面重要的html属性：
     colspan="";
     rowspan="";
     cellspacing="";
     cellpadding="";
     rules=""    分割线;
     属性值:all || rows || cols || groups

表格css属性的补充:  
1、相邻单元格边框进行合并

border-collapse:         (添加在table上面)
      属性值：
          separate  分开状态
          collapse   合并

2、相邻单元格之间的间距 （添加在table上面）

border-spacing:10px;

3、是否像是单元格区域： （没有内容的时候让隐藏）

empty-cells:
            show(显示)
            hide(隐藏)

4、table-layout:

auto      默认值：根据内容分配宽度（有点：灵活，缺点：性能消耗比较大）
       fixed     不在根据内容分配宽度（有点：性能消耗低  缺点 ：不灵活）

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的表格标签

html的表格标签的学习

超、凢脫俗/ 2024年05月06日 21:22/ 0 赞/ 106 阅读

相关列表标签，表格标签

<!DOCTYPE html> <html> <head> <meta charset="UTF

本是古典何须时尚/ 2023年09月27日 13:38/ 0 赞/ 37 阅读

相关常用的表格标签及补充

表格的作用：显示数据 <table> <tr> <td></td> <td><

青旅半醒/ 2023年07月20日 13:35/ 0 赞/ 6 阅读

相关 html标签之表格标签

HTML表格组成: 由`<table>`标签以及一个或多个`<tr>`、`<th>`或`<td>`标签： `<table>`标签：用来定义表格，整个表格包含在`<

落日映苍穹つ/ 2022年12月27日 04:41/ 0 赞/ 342 阅读

相关常用的shiro标签

guest标签用户没有身份验证时显示相应信息，即游客访问信息。 <shiro:guest> </shiro:guest> user标签用户已

深碍√TFBOYSˉ_/ 2022年12月15日 11:22/ 0 赞/ 163 阅读

相关 (4)表格的html标签,html标签之表格标签

HTML表格组成: 由 <table> <tbody> <tr> <th>或</th> <td>标签：标签中；</td> </tr> <

叁歲伎倆/ 2022年10月19日 15:56/ 0 赞/ 335 阅读

相关表格标签、表单标签

表格标签、表单标签文章目录表格标签、表单标签表格标签\`\` <table></ta

曾经终败给现在/ 2022年08月31日 11:04/ 0 赞/ 382 阅读

相关总结之常用的JSTL标签（c标签）及freemarker标签

开发jsp页面往往离不开JSTL标签，平常使用时容易忘记某些标签的使用，在此总结一下。 JSTL是apache对EL表达式的扩展（也就是说JSTL依赖EL），JSTL是标

我不是女神ヾ/ 2022年02月19日 03:39/ 0 赞/ 489 阅读

相关 html 常用的标签

常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息

女爷i/ 2021年09月14日 09:52/ 0 赞/ 437 阅读

相关 html 表格的标签

表格标签(设置表格的宽高不能限定每个单元格大小都一样): <table> <tr> //表示一行 <th></th>

柔情只为你懂/ 2021年07月24日 12:35/ 0 赞/ 518 阅读