手机
当前位置:查字典教程网 >网页设计 >XHTML >HTML table 直列化格式详解
HTML table 直列化格式详解
摘要:直列化格式...属性名称属性值说明alignleft靠左center靠中right靠右valigntop靠上middle靠中bottom靠下...

直列化格式

<colgroup>...</colgroup>

属性名称 属性值 说明

align left 靠左

center 靠中

right 靠右

valign top 靠上

middle 靠中

bottom 靠下

span 数字 直列数

bgcolor 颜色 背景颜色

个别直列设置

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

<>

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>表格的直列化格式</title> </head> <body> <tablecellpadding="5px"cellspacing="0px"border="1px"bordercolor="black"> <!--说明:用两组colgroup标签来控制整个第三列显示为红色 第一组colgroup中的span="2"相当于一个占位符,这样第三列(数学这一整列)就会显示为红色 同理,如果设置span="3",则第四列(英语这一整列)会显示为红色 <colgroupspan="2"></colgroup> <colgroupbgcolor="red"></colgroup> --> <!--<col>功能完全和<colgroup>一样 设置<col>标签达到和<colgroup>一样的功能 这里加了一个align="right"单独设置第三列(数学这一整列)右对齐 --> <colspan="2"/> <colbgcolor="red"align="right"/> <captionalign="left">学生成绩表</caption> <tr> <th>姓名</th> <th>语文</th> <th>数学</th> <th>英语</th> </tr> <tr> <td>张三</td> <td>90</td> <td>89</td> <td>99</td> </tr> <tr> <td>李四</td> <td>98</td> <td>92</td> <td>96</td> </tr> <tr> <td>王五</td> <td>92</td> <td>97</td> <td>91</td> </tr> <tr> <td>总分</td> <td>200</td> <td>200</td> <td>200</td> </tr> </table> </body> </html>

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

【HTML table 直列化格式详解】相关文章:

HTML标记一览表及用法说明

HTML中的base标签使用详解

Readonly和Disabled之间的微小区别详解

HTML 标记一定不要忘记关闭

HTML 超级链接详细讲解

HTML embed标签使用方法和属性详解

HTML教程,简单学习HTML语言

HTML中select标签单选多选用法详解

深入解析HTML的table表格标签与相关的换行问题

HTML表单标记教程(5):文字域标记

精品推荐
分类导航