本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来HTML table的直列化格式是什么,使用HTML table的直列化格式的注意事项有哪些,下面就是实战案例,一起来看一下。直列化格式
<colgroup>...</colgroup>
![1516412818798984.png QQ截图20180120094645.png](http://ypimg.muzhuangnet.com/Collect/csharp//upload/image/431/293/975/1516412818798984.png)
个别直列设置
格式:<col>功能完全和<colgroup>一样
注意设置第一行的DOCTYPE为xhtml会导致colgroup失效
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< title >表格的直列化格式</ title >
</ head >
< body >
< table cellpadding = "5px" cellspacing = "0px" border = "1px" bordercolor = "black" >
< col span = "2" />
< col bgcolor = "red" align = "right" />
< caption align = "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 >
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
怎样用h5的sse服务器发送EventSource事件
用H5和C3实现简单的时钟效果
在Canvas中如何实现自定义路径动画?
以上就是HTML table的直列化格式是什么的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
webpack对html文件的处理
html如何只显示部分td文字
html的<html> 标签
html怎么引用css文件
html中通过点击button标签实现页面跳转的三种方法
html fieldset标签怎么用
html中的段落文本如何换行?一篇文章告诉你换行标签br的用法
html canvas截取圆角图片的实现方法
html 和css 和js结合实现折叠菜单的代码
html表格如何设置间距
更多相关阅读请进入《table》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML table的直列化格式是什么