wiki表格编辑

帮助:表格（重定向自Wikipedia:表格）尽管在维基百科中可以使用HTML语法创建表格，但是Wiki语法通常会更加简便。以下所讲的语法在2003年12月8日为MediaWiki所支持。如果想要熟练地使用Wiki语法制作表格，可能还是需要一些HTML语法知识。一段最简单的表格代码是这样的：| class=wikitable border=1|-! 表头1! 表头2! 表头3|-| 第1行第1列的单元格| 第1行第2列的单元格| 第1行第3列的单元格|-| 第2行第1列的单元格| 第2行第2列的单元格| 第2行第3列的单元格|它会显示成：表头1表头2表头3第1行第1列的单元格第1行第2列的单元格第1行第3列的单元格第2行第1列的单元格第2行第2列的单元格第2行第3列的单元格将其中的样例文字替换为您想要的内容，即可成为一个具有实际作用的表格。目录隐藏 1基本语法o 1.1简单表格o 1.2| 和 |o 1.3border参数o 1.4行和单元格o 1.5行列标题o 1.6表格标题o 1.7class参数 2实例o 2.1简单的例子o 2.2复杂的例子o 2.3嵌套表格o 2.4带标题的表格o 2.5带颜色的表格o 2.6设定行高与列宽o 2.7层叠样式表o 2.8XHTML HTML Wiki语法对照 3外部链接编辑基本语法编辑简单表格 任何一个Wiki表格都需要通过“|”和“|”两个记号界定其起止，如下。| 表格内容代码| 表格的开头可以通过“|+”记号添加一个标题，此标题位于表格之外，如下。|+ 表格标题 表格内容代码| 使用标记“|-”可以添加一个新行，而其中的单元格会在其后加入。|+ 表格标题|- 单元格内容代码|- 单元格内容代码| 每一个记号“|”开始一个单元格。|+ 表格标题|-| 单元格内容|-| 下一行的单元格| 另一列的单元格| 其中，隔行的标记“|”可以替换为不用换行的“|”，如：|+ 表格标题|-|单元格 | 单元格 | 单元格|-|单元格|单元格|单元格| 注意，如果在同一行中包含多个“|”标记，则会产生一些意想不到的问题，如： | border=1 |- |格式修饰符（不显示） |这些 |(包括“|”标记) |进入了 |第一格 |- | 会显示为这些 |(包括“|”标记) |进入了 |第一格 注意，上面提到的格式修饰符很有用！例如： | border=1 |- |第一格（不用修饰符没有对齐） |- |align=right |第二格（右对齐） |- | 会显示为：第一格（不用修饰符没有对齐）第二格（右对齐） 将表格中的管道符“|”置换为“!”，|”置换为“!”，则会显示加粗的表头。编辑| 和 |它们是做什么用的？我们把它们擦掉看看。 border=1 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分得到：border=1 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分什么都不是了。说明这两个标记定义了表格的起止，是表格起止符号。编辑border参数再来看看典型的wiki表格。第一部分第二部分第三部分第四部分| border=1 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|如果将其中的border=1改成border=5，则会看到这样的情况。| border=5 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分要是改成10呢？| border=10 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分如果改成20| border=20 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分改成100的话，屏幕能装下吗？| border=100 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分太大了。索性不要框框了。| border=0 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分如果没有 border= ，会是什么样？| |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分跟border=0是一样的。因为表格的默认样式就是没有 border 。编辑行和单元格这个典型的表格，我觉得有不足的地方。| border=1 |- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分让我改改。| border=1|- | 第一部分 | 第二部分|- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分哈哈，没有变。不过这样改的好处是，使得格子与格子之间都是“| xxx”“格子”的学名叫单元格。不如就用这样的格式，作为我们的典型格式好了。如果我们要增添一横排的话，怎么做？| border=1|-| 第一部分 | 第二部分|-| 第三部分 | 第四部分|-| 第五部分 | 第六部分|第一部分第二部分第三部分第四部分第五部分第六部分因此可以看出，“|-”表示新增一横排，同时也能看出表格是以横排加横排的方式组成的。而“| xxx”则是在一横排之中新增一个单元格，内容就是xxx。如果把 |- 去掉，就成这样了。第一部分第二部分第三部分第四部分| border=1 | 第一部分 | 第二部分 | 第三部分 | 第四部分|全部成了一行。开始一个新行，可以使用“|-”，或者“|-”，或者“|-”。它们都相当于。可以这样添加参数：“|-参数”，或者“|-参数”。相当于“”。有的表格是这样写的：| border=1|- | 第一部分 | 第二部分 |- | 第三部分 | 第四部分|第一部分第二部分第三部分第四部分每增加一个格，就换一行用| xx 来表示。但是，虽然机器读得懂这种方式，但却让人搞不懂横竖了。编辑行列标题如果我们想创建这样一个乘法表12311232246怎样才能做出行列标题（默认显示粗体字）的效果呢，很简单。将 | 全部换成! 。| border=1|-! ! 1 ! 2 ! 3|123不过，第一个单元格只能有一个! ，两个! 会显示错误| border=1! ! 1 ! 2 ! 3|! 123那么，行列标题和普通格子（表格资料）混合是如何制作的？如下| border=1|-!1| 1 | 2 | 3|1123行列标题的单元格必须和普通格子的单元格分开。如果不分开。| border=1! 1 | 1 | 2 | 3|1123就全成行列标题了。现在来试着自己写出开头那样的乘法表吧。编辑表格标题表格的标题第一部分第二部分第三部分第四部分这是一个带有总标题的表格，它的源文件是：| border=1|+ 表格的标题|- | 第一部分 | 第二部分|- | 第三部分 | 第四部分|记住总标题的位置。总标题默认在表格的顶端，所以 |+ 要写在 |- 的上面。我们再来创建一个带有总标题的乘法表。乘法表12311232246| border=1|+ 乘法表|-! ! 1 ! 2 ! 3|-! 1 | 1 | 2 | 3|-! 2| 2 | 4 | 6|标题的参数可以这样添加：|+ 参数 标题编辑class参数维基百科中最常用的表格是这样的。乘法表12311232246| class=wikitable |+ 乘法表|-! ! 1 ! 2 ! 3|-! 1 | 1 | 2 | 3|-! 2| 2 | 4 | 6|或者使用模板wt乘法表12311232246subst:wt|+ 乘法表|-! ! 1 ! 2 ! 3|-! 1 | 1 | 2 | 3|-! 2| 2 | 4 | 6|这样就可以不去管border了。编辑实例编辑简单的例子| border=1 | 单元1，行1| 单元2，行1| 单元3，行1|-| 单元1，行2| 单元2，行2| 单元3，行2|-| 单元1，行3| 单元2，行3| 单元3，行3|将生成：单元1，行1单元2，行1单元3，行1单元1，行2单元2，行2单元3，行2单元1，行3单元2，行3单元3，行3编辑复杂的例子注意这个表格将右对齐。| align=right border=1| 单元1, 行1|rowspan=2| 单元2, 行1+2| 单元3, 行1|-| 单元1, 行2| 单元3, 行2|-| 单元1, 行3| 单元2, 行3| 单元3, 行3|单元1, 行1单元2, 行1+2单元3, 行1单元1, 行2单元3, 行2单元1, 行3单元2, 行3单元3, 行3同时使用COLSPAN和ROWSPAN：| border=1 cellpadding=5 cellspacing=0|-! 栏目一 ! 栏目二 ! 栏目三|-| rowspan=2| A| colspan=2 align=center| B|-| C| D|-| colspan=2 align=center| E| F|- | rowspan=3| G| H| I|- | J| K|-| colspan=2 align=center| L|将有这样的效果：栏目一栏目二栏目三ABCDEFGHIJKL编辑嵌套表格| border=1|原有| style=background:blue; color:white border=2|插入|-|表格|表格|生成：原有插入表格表格编辑带标题的表格| border=1 align=center|+ 这是标题 请参看：|建国|1949年|-|国家|中华人民共和国|-|时区|UTC+8|-|国歌|义勇军进行曲|-|域名|.cn|这是标题请参看：建国1949年国家中华人民共和国时区UTC+8国歌义勇军进行曲域名.cn编辑带颜色的表格有两种方法让表格里的字和背景出现颜色，下面是第一种：| border=1| bgcolor=blue | 字黃背景藍| 沒設定顏色| style=background:red; color:yellow | 字黃背景紅| 沒設定顏色|生成：字黄背景蓝没设定颜色字黄背景红没设定颜色这种方法能指定单格的颜色和背景。如果要让一行、一列或一整个表格都是同样的颜色，则使用第二种方法：| style=background:yellow; color:blue border=1|- | 這行是| 藍字| 黃背景|- style=background:navy; color:white| 這行是| 白字| 深海藍|-| 這行| style=background:white | 比較| 不一樣|生成：这行是蓝字黄背景这行比较不一样像其他参数一样，颜色参数指定的优先级为：单格一行(列)整个表格。HTML4.01制定16种颜色名称，附上16进位值如下所示：blacksilver#c0c0c0maroonrednavybluepurplefuchsia#ff00ffgreenlime#00ff00oliveYellow#ffff00tealaqua#00ffffgraywhite#ffffff请参见：色彩列表编辑设定行高与列宽整个表格的行高(height)和列宽(width)，以及任意列的列宽可以进行设定。要设定任意行的行高，可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定，那么表格的显示结果可能随浏览器的不同而不同。| style=width:50%; height:200px border=1|- | abc| def| ghi|- style=height:50px;width:50px| jkl| style=width:120px |mno| pqr|-| stu| vwx| yz|将得到这样的结果：abcdefghijklmnopqrstuvwxyz编辑层叠样式表WP内置了CSS，用于格式化表格，可以通过在|之后加入class=wikitable或使用wt模板使用。例如：| class=wikitable style=text-align:center|+乘法表|-! ! 1 ! 2 ! 3|-! 1| 1 | 2 | 3|-! 2| 2 | 4 | 6|-! 3| 3 | 6 | 9|或subst:wt style=text-align:center|+乘法表|-! ! 1 ! 2 ! 3|-! 1| 1 | 2 | 3|-! 2| 2 | 4 | 6|-! 3| 3 | 6 | 9|都可以得到：乘法表123112322463369编辑XHTML HTML Wiki语法对照XHTMLHTML & Wiki-tdWiki-pipeTable|Captioncaptioncaption|+ captionRow|-Data cellcell1cell2cell1cell2| cell1| cell2Data cellcell1 cell2 cell3cell1 cell2 cell3| cell1 | cell2 | cell3Header cellheadingheading! headingSample table1234 1 2 3 4 1 2 3 4| 1 | 2|-| 3 | 4|Sample table123456 1 2 3 4 5 6 1 2 3 4 5 6| 1 | 2 |-| 3 | 4 |-| 5 | 6 |优点 能以任何XHTML编辑器预览以及除错 能以容易阅读的方式来编排格式 广为人知 没有“|”符号会与样版或是语法分析器碰撞 能以任何HTML编辑器预览以及除错 能以容易阅读的方式来编排格式 广为人知 没有“|”符号会与样版或是语法分析器碰撞 使用的空间比XHTML少 易写 易读 仅使用些许空间缺点 冗长 使用许多空间 编辑时难以阅读 不应使用 容易混淆，尤其对于有一点HTML使用经验的人 格式不够严谨 标签界线不够清楚 样子看起来总是很奇怪 未来可能没有浏览器会支援 较为不熟悉的语法 结构僵硬 不能缩