HTML/Xhtml
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧

HTML table 直列化格式详解

发布时间：2022-04-12 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了HTML table 直列化格式详解，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

直列化格式

<colgroup>...</colgroup>

属性名称&nbsp;                                         属性值                            说明

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

bgcolor                                      颜色                                                背景颜色

个别直列设置

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

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

XML/HTML Code复制内容到剪贴板
  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 直列化格式详解的全部内容了，希望对大家有所帮助，多多支持脚本宝典~

脚本宝典总结

以上是脚本宝典为你收集整理的HTML table 直列化格式详解全部内容，希望文章能够帮你解决HTML table 直列化格式详解所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：htmltabletable
猜你在找的HTML/Xhtml相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新HTML/Xhtml教程
热门HTML/Xhtml教程