中的scope scope属性定义将表头单元与数据单元相关联的方法;标识某个单元是否是列、行、列组或行组的表头;不会在普通浏览器中产生任何视觉变化;屏幕阅读器可以利用该属性。 使用 scope 属性,可以将数据单元格与表头单元格联系起来。通过属性值 row,表头行包括的所有表格都将和表头单元格联系起来。指定 col,会将当前列的所有单元格和表头单元格绑定起来。
Month | Savings |
1 | January | $100.00 |
2 | February | $10.00 |
四、frame , rules frame常见属性
属性值 | 说明 |
above | 显示上边框 |
border | 显示上下左右边框 |
below | 显示下边框 |
hsides | 显示上下边框 |
lhs | 显示左边框 |
rhs | 显示右边框 |
void | 不显示边框 |
vsides | 显示左右边框 |
rules常见属性
属性值 | 说明 |
all | 显示所有内部边框 |
groups | 显示介于行列边框 |
none | 不显示内部边框 |
cols | 仅显示列边框 |
rows | 仅显示行边框 |
Table caption here
Head 1 | Head 2 | Head 3 |
Foot 1 | Foot 2 | Foot 3 |
A | B | C |
D | E | F |
firefox | chrome | IE6 7 | IE8 |
| | | |
IE9 | safari | | |
| | | |
五、CSS中的table-layout 用来指定表格显示的样式
table { table-layout: fixed }
* auto(缺省)* fixed* inherit auto表示单元格的大小由内容决定。fixed表示单元格的大小是固定的,由第一个指定大小的单元格决定;如果所有单元格都没有指定大小,则由第一个单元格的默认大小决定;如果单元格中的内容超出单元格的大小,则用CSS中的overflow命令控制。微软公司声称使用这个命令,表格的显示速度可以加快100倍。为了加快表格显示,最好事先就在CSS(或者table标签的width和height属性)中指定表格的宽度和高度。 六、跨行rowspan 跨列colspan 熟练掌握表格的colspan、 rowspan属性,可以随心所欲的制作出复杂的表格。
Table caption here
Head 1 | Head 2 | Head 3 |
Foot 1 | Foot 2 | Foot 3 |
A | B | C |
D |
经过CSS添加后的table 发挥你的想象力,玩转table
附加中保存的是示例的html代码 table.rar 也可以进入页面http://download.csdn.net/download/loneleaf1/7500555下载 参考资料: http://blog.csdn.net/lujunql/article/details/5529989 table标签中thead、tbody、tfoot的作用 http://www.w3school.com.cn/tags/tag_table.asp HTML
标签 http://blog.csdn.net/nightelve/article/details/7957726 四个好看的CSS样式表格 http://www.divcss5.com/wenji/w503.shtml CSS如何设置html table表格边框样式 http://www.divcss5.com/html/h380.shtml HTML Table tr td th表格标签元素 http://www.divcss5.com/jiqiao/j470.shtml css table width表格宽度样式设置定义技巧教程篇 http://blog.csdn.net/neoxuhaotian/article/details/6596280 HTML学习笔记(三) http://www.ruanyifeng.com/blog/2009/05/html_table_mastering.html 精通HTML表格的使用 http://www.douban.com/group/topic/10207896/ html常用标记详讲(二)--Table http://www.787866.com/835.html html中10个与表格(table)相关标签 http://www.it118.org/specials/f27a38ab-a491-4669-bc47-108d9daed52c/fa512118-f79b-4693-958a-357e44086656.htm html中的表格(table)标签详解 http://www.cnblogs.com/xugang/archive/2010/08/11/1797305.html 标签中比较少见的属性和子标签: http://www.iteye.com/topic/560496 主题:十个最简单实用的Table设计模板声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
|
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论