![]() |
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
一些HTML表格的使用高级语法 | |||
2010-3-27 9:03:16 文/佚名 出处:CND8学院 | |||
制作网页表格,需要使用table标签。用好table标签并不容易,复杂的表格做起来就很麻烦,比如下面这张表。 我整理了一些HTML表格的高级语法。你可以看看,自己会用多少? 1. 标题和内容描述 表格的标题用caption标签表示,它会自动出现在整张表格的上方。 除了标题以外,对内容的更长描述可以写在table标签的summary属性中。 代码示例(为了便于阅读,tr、th、td省略关闭标签): <table border="1" 在浏览器中的显示效果如下图: 2. 表头和表尾 从结构上看,表格可以分成表头、主体和表尾三部分,在HTML语言中分别用thead、tbody、tfoot表示。 <table> 这里有三个注意点: 1)thead和tfoot在一张表中都只能有一个,而tbody可以有多个。 2)tfoot必须出现在tbody前面,这样浏览器在接收主体数据之前,就能渲染表尾,有利于加快表格的显示速度。这一点对大型表格尤其重要。 3)thead、tbody和tfoot里面都必须使用tr标签。 3. 列的分组 tbody可以用来对“行”进行分组,而colgroup则用来对“列”进行分组。 比如,下面的代码表示前40列为一组,每列的宽度为20像素。 <COLGROUP span="40" width="20"> span属性,可以指定colgroup标签能够影响到的列数。 在colgroup标签内部,可以使用col标签为这一列组中的每一列指定属性。 比如,下面的代码表示列组中每一列的段度为20像素: <COLGROUP> 再比如,如果40列中只有最后一列的样式不一样,那就这样写,方便在CSS中指定: <COLGROUP width="20"> |
|||
最新热点 | 最新推荐 | 相关文章 | ||
详解HTML页面播放视频元素param的属… HTML教程:几个不常用的HTML标记使用… HTML教程:marquee标签实现滚动效果 网页设计师要知道的30条HTML代码编写… 语义化的HTML结构到底有何好处 不常用的HTML标签Fieldset 网页优化的最基础部分:HTML的优化 兼容浏览器的网页细线表格设计 10大HTML标签常犯的错误 HTML、XHTML和XML的比较 |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |