复杂表格

新闻 » 维客 » 看图学英语 » 视频 » 日语 » 图像

维客 » 幻灯片 » 教程 » PHP » Python » JavaScript » Lisp » KWE » Command » 金融 » 3D

例子:C&C++ » PHP » Python » JavaScript

下面三个例子演示了复杂表格的三个用途。

例子 1. 在表格放入列表

(:table border=1 width=30% align=left bgcolor=#cccc99 cellspacing=0 :)
(:cellnr:)
'''导航'''
(:cellnr:)
*[[制作表格]]
*[[复杂表格]]
(:tableend:)

导航

例子 2. 上下合并单元格,使用 rowspan

(:table border=1 width=30% align=left bgcolor=#cccc99 cellspacing=0 :)
(:cellnr rowspan=2:)
'''导航'''
(:cell:)
[[制作表格]]
(:cellnr:)
[[复杂表格]]
(:tableend:)

导航

制作表格

复杂表格

例子 3. 嵌入简单表格

(:table border=1 width=30% align=left bgcolor=#cccc99 cellspacing=0 :)
(:cellnr rowspan=3:)
'''导航'''
(:cell:)
[[制作表格]]
(:cellnr:)
[[复杂表格]]
(:cellnr:)
||border=1 width=100%
||!水果清单!||
||! 种类 ||! 数量 ||
||苹果||一箱||
||香蕉||两箱||
||梨||三箱||
(:tableend:)

导航

制作表格

复杂表格

水果清单
种类数量
苹果一箱
香蕉两箱
三箱
[编辑]

语法细节

[编辑]

(:table (attr...):)

生成表的 HTML <table> 标记用属性attr...

可用属性:

  • border 边宽
  • bordercolor 边框颜色
  • cellspacing 表格之间的距离)
  • cellpadding 表格内容和边框的距离
  • width 表格宽度
  • bgcolor 表格背景色
  • align 对齐方式(left, center or right)
[编辑]

(:cell (attr...):)

生成格子用属性attr...

可用属性:

  • align 水平对齐方式(left, center or right)
  • valign 垂直对齐方式(top, middle or bottom)
  • colspan 表格格子跨占的列数
  • rowspan 表格格子跨占的行数
  • bgcolor 背景色
  • width 宽度
[编辑]

(:cellnr (attr..):)

生成新行用属性attr...

可用属性:

  • align 水平对齐方式(left, center or right)
  • valign 垂直对齐方式(top, middle or bottom)
  • colspan 表格格子跨占的列数
  • rowspan 表格格子跨占的行数
  • bgcolor 背景色
  • width 宽度
[编辑]

(:tableend:)

结束表格。

<< 便签 | 维客编辑手册 | 源码语法高亮 >>

谷歌广告

最新词条

导航 » 维客 » Help » 编辑 » 记录 » 打印 » 上传 » 下载

孔晖 2012-02-28 Power By KWE