table中的一些另类标签

thead/tbody/tfoot/caption/colgroup

注意:thead/tbody/tfoot三部分内容不受编辑顺序影响只和标签本身含义从头到脚显示不能把两个tbody的内容进行合并单元格。

代码段:

<table border="1" width="500">    <caption style="text-align: right">员工收入</caption>    <colgroup style="background-color: red"></colgroup>    <colgroup></colgroup>    <colgroup style="background-color: red"></colgroup>    <colgroup></colgroup>    <thead>    <tr>    <th>month</th>    <th>month</th>    <th>month</th>    <th>money</th>    </tr>    </thead>    <tbody>    <tr>        <td>一月</td>        <td>380</td>        <td>380</td>        <td>380</td>    </tr>    </tbody>    <tbody>    <tr>        <td>二月</td>        <td>380</td>        <td>380</td>        <td>380</td>    </tr>    </tbody>    <tfoot>    <tr>        <td>三月</td>        <td>400</td>        <td>400</td>        <td>400</td>    </tr>    </tfoot></table>
时间: 2024-10-09 09:04:53

table中的一些另类标签的相关文章

table中th和td标签用法

<table width="300" border="1" cellspacing="0"> <tr> <th>班级</th> <th>日期</th> <th>标题</th> </tr> <tr> <td>一班</td> <td>2012-5-10</td> <td>标

table中的一些奇特标签

<table border="3" width="300px"> <caption style="text-align: left"> caption表格标题 zhouxiaoliang </caption> <colgroup></colgroup> colgroup用于对表格中的列进行组合,以便对其进行格式化. <colgroup style="background-

knockout 虚拟标签(virtual element) 在 table 中的问题

这几天看了MVC4 / 5 的一些东西, 基本上和 MVC 3都一样, 看起来毫不费力气, 项目还没有正式开工, 每天都是看文档,了解技术. 闲着无聊就把 knockout js 给看了一遍. 今天在看 SignalR的时候, 随手写了段测试代码,发现 Knockout 的虚拟标签有点问题, 一开始我是这样写的: <table> <tr data-bind="foreach:msgs"> <td data-bind="text:name"

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

js导出table中的EXCEL总结

导出EXCEL一般是用PHP做,但是项目中,有时候PHP后端工程师返回的数据不是我们想要的,作为前端开发工程师,把对应的数据编号转换为文字后,展示给用户,但是,需求要把数据同时导出一份EXCEl.无奈之下,我只能用js导出table中的数据了. 导出EXCEl一般是自己人用的,所以用js导出,因为js导出EXCEL一般情况下兼容性不是很好,很多只是兼容IE浏览器,还要设置在工具栏中进行设置才能导出,因为会相对比较烦.下面介绍几种方法: 一.js导出EXCEl带单元格合并[已验证,比较好用] //

HTML中的行级标签和块级标签

1.html中的块级标签 显示为“块”状,浏览器会在其前后显示折行.常用的块级元素包括: <p>, <ul>,<table>,<h1~h6>等. 2.html中的行级标签(内联元素) 按行逐一显示,前后不会自动换行: 文本格式化元素: <b>, <td>, <a>, <img>

table 中 thead tbody tfoot 加载顺序问题

这几个标记主要是用于提高table标签的加载以及显示的,说白了,就是分布加载.在传统的浏览器,在加载 时,是当所有的标签中元素都被下载后才会显示,当然这样的用户体验是不好的.再加入了这几个t打头的标签后,table就会分布的加载table中的元素,顺序依据写在table中的标签顺序进行. 为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个

6大主流浏览器中,各个html标签默认的padding和maring

这篇资料列举了6大主流浏览器中,各个html标签默认的padding和maring.单位是px[Firefox;Chorme;Safari;Opera;Maxthon;IE6,7,8] 一:h1~h6标签 有默认margin(top,bottom且相同)值,没有默认padding值. 在chrome中:16,15,14,16,17,19; 在firefox中:16,15,14,16,17,20; 在safari中:16,15,14,16,17,19; 在opera中:16,15,14,14,17

table中tr的display属性在火狐中显示不正常,IE中显示正常

最近在作项目的时候碰到一个问题,就是需要AJAX来交互显示<tr> </tr> 标签内的东西,按照常理,对于某一单元行需要显示时,使用:display:block属性,不需要显示时使用display:none属性,而且这样做 在IE浏览器中显示正常,没有任何问题. 但是当用Firefox浏览时却出现了布局错乱的问题,然后通FireBug去看了下源码,调试下了,发现是display:block属性搞的鬼. 1.当表格为多列的情况下,属性为"display:block&quo