HTML之HTML之表单HTML中USEMAP的用法PetShop 4.0 详解之一,系统架构设计 http://www.cnblogs.com/YoungPeng/archive/2008/04/30/1177608.html [ASP.NET中动态生成Xml格式文档,并转换为HTML文件利用ASP.NET动态生成HTML文件html中meta标记的妙用[HTML]标签的StyleSheet为Html的Select加一个输入的方法ASP.NET动态生成HTML页
表格由table, tr, th, td组成。
tr定义表格行, th定义表格表头, td定义表格单元。
最简单的例子:
<table cellspacing="0"> <tr> <th scope="col">姓名</th> <th scope="col">年龄</th> <th scope="col">电话</th> <th scope="col">地址</th> </tr> <tr> <td class="row">badwolf</td> <td class="row">100</td> <td class="row">010-110</td> <td class="row">中国北京</td> </tr> </table>
还可以为表格添加一个标题:
<table > <caption>我的标题</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table>
属性:
colspan: 横向占用的单元格
rowspan: 纵向占用的单元格。
例如:
<table > <tr> <th>姓名</th> <th colspan="2">电话</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table> <h4>横跨两行的单元格:</h4> <table > <tr> <th>姓名</th> <td>Bill Gates</td> </tr> <tr> <th rowspan="2">电话</th> <td>555 77 854</td> </tr> <tr> <td>555 77 855</td> </tr> </table>
如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。
<table > <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> </table>
- 上一篇 »入门前端之HTML
- 下一篇 »关于ckeditor过滤掉html样式标签之我见