HTML语言手册HTML是Hepertext Markup Language的缩写,翻译成中文是超文本标记语言。它是纯文本文件,因此用记事簿之类的文本编辑器就可以编写。HTML文件一般以htm 或 html位扩展名,这就是我们平时浏览的网页。浏览器能够解释HTML标记,并按设计要求显示出来。 每个HTML标记都要用尖括号括起来。每一标记都必须指明开始和结束,在标记前加斜杠表示该标记的结束。因此,在标记的开始和结束之间的区域就是该标记的作用域。例如: <p>被显示的文本</p> 下面分类逐一介绍各个标记的意义。
HTML语言教程之七:表格标记进阶(TABLE ADVANCED)
表元的背景色彩和背景图象 <table border> <tr><th bgcolor=ffaa00>Food</th> <th bgcolor=Red>Drink</th> <th rowspan=2 background="image.gif">Sweet</th> <tr bgcolor=white><td>A</td><td>B</td> </table>
表格边框的色彩 |
Food | Drink | Sweet |
---|---|---|
A | B | C |
表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>
<table cellspacing=5 border=5 bordercolorlight=White bordercolordark=Maroon> <tr><th>Food</th><th>Drink</th><th>Sweet</th> <tr><td>A</td><td>B</td><td>C</td> </table>
Food | Drink | Sweet |
---|---|---|
A | B | C |
表格的分组显示(Structured Table)
按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)
<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
按列分组
<colgroup align=#> #=left, right, center
<table border width=160> <colgroup align=left> <colgroup align=center> <colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>
列的属性控制
<col span=#> #=从左数起,具有指定属性的列的列数
<col align=#> #=left, right, center
<table border width=160> <colgroup> <col align=center span=2> <colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table>
表格中边框的显示
显示所有 4 个边框 <table frame=box>
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示上、下边框 <table frame=hsides>
只显示左、右边框 <table frame=vsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
表格中分隔线(Rules)的显示
显示所有分隔线 <table border rules=all>
只显示组间分隔线 <table rules=groups>
只显示行间分隔线 <table rules=rows>
只显示列间分隔线 <table rules=cols>
不显示任何分隔线 <table rules=none>
参考
|
参考
|
参考
|
参考资料 |
![]() |
![]() |
评论