Table与列表

列表

    <ol>     定义有序列表。
    <ul>     定义无序列表。
    <li>     定义列表项。
    <dl>     定义自定义列表。
    <dt>     定义自定义项目。
    <dd>     定义自定义的描述。

表格

    <table>     定义表格    
    <caption>     定义表格标题    
    <th>     定义表格页眉    
    <tr>     定义表格的行    
    <td>     定义表格单元    
    <thead>     定义表格的页眉          
    <tbody>     定义表格的主体          
    <tfoot>     定义表格的页脚          
    <col>     定义用于表格列的属性          
    <colgroup>     定义表格列的组



Table属性
cellpadding: 规定单元边沿与其内容之间的空白。
cellspacing: 规定单元格之间的空白。
border: 规定表格边框的宽度。提示:可通过设置 border="0" 来显示无边框的表格
frame: 规定表格周围的哪一侧的边框是可见的。
    * void
    * above
    * below
    * hsides
    * lhs
    * rhs
    * vsides
    * box
    * border
    注释:"border" 属性可与 "frame" 属性配合使用,来规定边框的宽度!  
rules: 规定水平或垂直的分界线。
    * none
    * groups
    * rows
    * cols
    * all
    注释:必须与 "border" 属性配合使用!
   
其它元素
    thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
    如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
    使用 <tbody> 标签,可以将表格分为一个单独的部分。<tbody> 标签可将表格中的一行或几行合成一组。虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是建议最好在表格中没有 <tbody> 标签。在 <tbody> 标签中,只有 <tr> 标签可以定义表格行。并且一旦定义,一个 <tbody> 标签就是表格中的一个独立的部分。例如不能从一个 <tbody> 跨越到另一个<tbody> 中。
    <thead> <tfoot> 内部必须拥有 <tr> 标签!

示例:

区域销售统计表
河南 河北
郑州 洛阳 石家庄 保定
a b c d
a b c d
a b c d
郑州小计: 洛阳小计: 石家庄小计: 保定小计:
河南合计: 河北合计:
共计:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值