wiki表格编辑方法

上传人:宝路 文档编号:2143939 上传时间:2017-07-20 格式:DOC 页数:22 大小:320.30KB
返回 下载 相关 举报
wiki表格编辑方法_第1页
第1页 / 共22页
wiki表格编辑方法_第2页
第2页 / 共22页
wiki表格编辑方法_第3页
第3页 / 共22页
wiki表格编辑方法_第4页
第4页 / 共22页
wiki表格编辑方法_第5页
第5页 / 共22页
点击查看更多>>
资源描述

《wiki表格编辑方法》由会员分享,可在线阅读,更多相关《wiki表格编辑方法(22页珍藏版)》请在金锄头文库上搜索。

1、维基表格有多种形式,并可进行自定义。该页介绍的是创建维基表格的语法。尽管在维基百科中可以使用 HTML 语法创建表格,但是 Wiki 语法通常会更加简便。一段最简单的表格代码是这样的:| class=wikitable|-! 标题文字 ! 标题文字 ! 标题文字|-| 示例 | 示例 | 示例|-| 示例 | 示例 | 示例|-| 示例 | 示例 | 示例|提交编辑后,该表格即显示为:标题文字 标题文字 标题文字示例 示例 示例示例 示例 示例示例 示例 示例将其中的样例文字替换为您想要的内容,即可成为一个具有实际作用的表格。使用工具栏编辑编辑器工具栏要自动插入一个表格时,可点击工具栏上的插入

2、表格按钮: 或 。即出现插入表格设置对话框,默认设置如下所示。取消“添加标题行”,表格标题行即消失;取消“显示边框”,表格边框即消失;选择“使表格内容可排序”,表格标题行每个单元格右侧都会出现两个上下排列黑色实心三角的排序标记,表格创建后,点击某单元格的排序标记即可以该单元格内容对表格进行重新排序。行与列下的数字即为之后所创建表格的行与列的数量。插入表格设置对话框以上图所示设置点击插入后,在光标所在处即会出现以下表格代码。其中,!与!之间为一个标题行单元格;|与|之间为一个单元格;|-表示转至下一行。| class=wikitable|-! 标题文字 ! 标题文字 ! 标题文字|-| 示例 |

3、 示例 | 示例|-| 示例 | 示例 | 示例|-| 示例 | 示例 | 示例|提交编辑后,该表格即显示为:标题文字 标题文字 标题文字示例 示例 示例示例 示例 示例示例 示例 示例Pipe 语法教程编辑Pipe 代码功能与 HTML 表格标记完全相同。 表格起始由大括号(和)及竖线字符(|)组成。|表示表格开始,|表示表格结束。每个表格必须有完整的开始符与结束符。| 表格内容 | 表格标题可省略。其由一个竖线和加号(+)组成(|+)。其后即添加标题内容。| |+ 标题表格内容 | 添加新行由一个竖线和连字符(-)组成(|-)。添加该代码后,表格代码将转至下一行。| |+ 表格标题|-第一

4、行内容|-第二行内容| 单元格由竖线组成。在某一行代码后添加竖线即会在该行添加一个单元格。若各行单元格数量不等,则空出。| |+ 表格标题|-| 第一行第一个单元格|-| 第二行第一个单元格| 第二行第二个单元格|实际显示显示同一行的单元格也可通过两个竖线写于代码中的同一行中,以缩短版面。| |+ 表格标题|-|单元格 1 | 单元格 2 | 单元格 3|-|单元格 A|单元格 B|单元格 C|实际显示显示单元格代码中的单个竖线字符是无法形成新单元格的。两个竖线字符或头一个单个竖线字符,与另一个竖线字符之间的代码可成为紧接着的一个单元格的格式设置代码,但可缺损。余下竖线字符及其他均归入一个单元

5、格中,并显示出来。| border=1 |-|format modifier (格式设置不显示) |余下所有内容 |(包括竖线) |将归入 |第一个单元格|第二个单元格|-|format |余下所有内容 |format |将归入 |第二个单元格|实际显示显示例如,可进行靠右,颜色等设置。| border=1 |-| 单元格 1(设置缺损)|-| align=right | 单元格 2(靠右) | style=background: #FFB6C1 | 单元格 3(红底色)|实际显示显示即两个|之间的|不能超过 1 个。 列标题通过以“! scope=col |”取代“|”,“! scope=c

6、ol |”取代“|”实现。列标题单元格通常与普通单元格不同,但因浏览器的不同而不同,但往往呈现为粗体和居中。| |+ 表格标题! scope=col | 列标题 1! scope=col | 列标题 2! scope=col | 列标题 3|-! scope=col | 列标题 1 ! scope=col | 列标题 2 ! scope=col | 列标题 3|-| 单元格 1 | 单元格 2 | 单元格 3|实际显示显示 行标题通过将每行代码第一个单元格代码的第一个“|”取代为“! scope=row |”实现。| |+ 表格标题! scope=col | 列标题 1! scope=col

7、| 列标题 2! scope=col | 列标题 3|-! scope=row | 行标题 1| 单元格 2 | 单元格 3|-! scope=row | 行标题 A| 单元格 B| 单元格 C|实际显示显示 可选参数可设置单元格、行或整个表格。在表格未使用可选参数时是没有边框的,可使用 border 代码添加边框。| border=1 |+ 表格标题! scope=col | 列标题 1! scope=col | 列标题 2! scope=col | 列标题 3|-| scope=row | 行标题 1| 单元格 2 | 单元格 3|-! scope=row | 行标题 A| 单元格 B|

8、单元格 C|实际显示显示但通常使用的表格并不使用边框,而直接使用维基样式“wikitable”。| class=wikitable |+ 表格标题! scope=col | 列标题 1! scope=col | 列标题 2! scope=col | 列标题 3|-| scope=row | 行标题 1| 单元格 2 | 单元格 3|-! scope=row | 行标题 A| 单元格 B| 单元格 C|所以,一般使用的典型表格如下:表格标题列标题 1 列标题 2 列标题 3行标题 1 单元格 2 单元格 3行标题 A 单元格 B 单元格 C表格样式编辑另外,维基表格的 class 参数可以添加不

9、同的参数用于实现不同类型的表格,已知的有wikitable(通常的表格), sortable (附加排序功能,行标题会出现排序按钮), mw-collapsible(附加折叠功能,生成没折叠的表格)、 mw-collapsed(附加折叠功能,与前一个参数同时使用,生成已折叠的表格)。在没 class 参数时,会生成没边框的表格。 在使用 sortable 时,可以通过对特定单元格的 style 设定格添加 data-sort-value 属性来指定该单元格的排序根据值。| class=wikitable!A!B!C|-| abc | def | ghi|- | jkl | mno | pqr|

10、-| stu | vwx | yz| | class=wikitable sortable!A!B!C |-|data-sort-value=abc|abc | def | ghi|- |data-sort-value=jkl|jkl | mno | pqr|-|data-sort-value=stu|stu | vwx | yz| | class= wikitable mw-collapsible !A!B!C |-| abc | def | ghi|- | jkl | mno | pqr|-| stu | vwx | yz| | class=wikitable mw-collapsible

11、 mw-collapsed!A!B!C |-| abc | def | ghi|- | jkl | mno | pqr|-| stu | vwx | yz| 以上代码的演示显示宽高编辑可对整个表格的宽度与高度,及某行的高度进行设置。要设置某列的宽度可通过设置该列的某个单元格的宽度实现。若表格的宽度不足以显示所有的列,或高度不足以显示所有的行,表格的部分内容可能会缺失,其结果取决于浏览器的不同。设置于|后,为整个表格;设置于|-后,为该行;设置于|或|后,并与该单元格内容之间以|分隔,则为该单元格。| class=wikitable style=width: 75%; height: 200px

12、 |-| abc | def | ghi|- style=height: 100px;| jkl | style=width: 200px; | mno | pqr|-| stu | vwx | yz |所以,一般设置表格宽高如下:abc def ghijkl mno pqrstu vwx yz列宽编辑设置列宽最简单的方法即是设置该列某单元格的宽度。注意,文字会自动换行适应列宽。当存在标题行时,可在标题行的单元格内设置:| class=wikitable cellpadding=2! scope=col width=50 | 列 1! scope=col width=100 | 列 2! sc

13、ope=col width=200 | 列 3|-| 单元格内的 | 单元格 1 | 单元格 2|-| 文字会依照 | 单元格 3 | 单元格 4|-| 列宽自动换行 | 单元格 5 | 单元格 6 |实际显示显示当不存在标题行时,可在第一行的单元格内设置:| class=wikitable cellpadding=2 |-| width=50px | 该列宽为 50 像素| width=100px | 该列宽为 100 像素| width=200px | 该列宽为 200 像素|-| 单元格 1 | 单元格 2 | 单元格 3|实际显示显示不换行编辑当表格的宽度横跨这个页面或受到其他模块的挤

14、压时,系统会自动对列宽进行调整,出现部分单元格内容被换行。实例显示若想保持某列不进行自动换行,则可在该列的除标题行单元格外的其他单元格内设置“style=white-space:nowrap”,即可实现。对列 1 和列 2 设置后的效果显示颜色编辑可对表格的底色及字体颜色进行设置。对表格颜色的设置可通过以下两种形式实现。第一种形式为首选,而第二种形式为过时的 HTML 代码,不建议使用。“background”为底色,“color”为字体颜色。颜色参数可为已设定的英文代码或十六进制颜色代码,见颜色列表。维基样式“wikitable”默认的列标题及行标题的底色为#f2f2f2,普通单元格的底色为

15、#f9f9f9。| | style=background: red; color: white | abc| def| bgcolor=red | ghi | jkl|实际显示显示颜色参数可设置某单元格、行或整个表格。设置于|后,为整个表格;设置于|-后,为该行;设置于|或|后,并与该单元格内容之间以|分隔,则为该单元格。单元格颜色参数优先于行颜色参数,而行颜色参数优先于表格颜色参数,逐层覆盖。要注意的是,没有一种简易的方法去设置某列的颜色,需要逐个单元格进行设置。| style=background: yellow; color: green |-| abc | def | ghi|- style=background: red; color: white| jkl | mno | pqr|-| stu | style=background: silver | vwx | yz |所以,一般设置表格颜色如下:abc def ghijkl mno pqrstu vwx yz合并单元格编辑可通过结

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 行业资料 > 其它行业文档

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号