HTML table 直列化格式详解

直列化格式

colgroup> .../colgroup>

@H_777_8@属性名称                                          属性值                            说明

align                                            left                                                 靠左
                                                   center                                             靠中
                                                   right                                               靠右
valign                                         top                                                  靠上
                                                  middle                                             靠中
                                                  bottom                                            靠下
span                                           数字                                                直列数

bgcolor                                      颜色                                                背景颜色

个别直列设置

格式:col> 功能完全和colgroup> 一样

!--注意设置第一行的DOCTYPE为xhtML会导致colgroup失效-->

1. !DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
2.   
3. html xmlns="http://www.w3.org/1999/xhtml">   
4. head>   
5.     title> 表格的直列化格式/title>   
6. /head>   
7. body>   
8.     table cellpadding="5px" cellspacing="0px" border="1px" bordercolor="black">   
9.         !--说明：用两组colgroup标签来控制整个第三列显示为红色   
10.             第一组colgroup中的span="2"相当于一个占位符，这样第三列(数学这一整列)就会显示为红色   
11.             同理，如果设置span="3",则第四列(英语这一整列)会显示为红色   
12.             colgroup span="2"> /colgroup>   
13.             colgroup bgcolor="red"> /colgroup>   
14.         -->   
15.         !--col> 功能完全和colgroup> 一样   
16.             设置col> 标签达到和colgroup> 一样的功能   
17.             这里加了一个align="right"单独设置第三列(数学这一整列)右对齐   
18.         -->   
19.         col span="2" />   
20.         col bgcolor="red" align="right" />   
21.         caption align="left"> 学生成绩表/caption>   
22.         tr>   
23.             th> 姓名/th>   
24.             th> 语文/th>   
25.             th> 数学/th>   
26.             th> 英语/th>   
27.         /tr>   
28.         tr>   
29.             td> 张三/td>   
30.             td> 90/td>   
31.             td> 89/td>   
32.             td> 99/td>   
33.         /tr>   
34.         tr>   
35.             td> 李四/td>   
36.             td> 98/td>   
37.             td> 92/td>   
38.             td> 96/td>   
39.         /tr>   
40.         tr>   
41.             td> 王五/td>   
42.             td> 92/td>   
43.             td> 97/td>   
44.             td> 91/td>   
45.         /tr>   
46.         tr>   
47.             td> 总分/td>   
48.             td> 200/td>   
49.             td> 200/td>   
50.             td> 200/td>   
51.         /tr>   
52.     /table>   
53. /body>   
54. /html>   

以上就是小编为大家带来的HTML table 直列化格式详解的全部内容了，希望对大家有所帮助，多多支持~

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！