查看“Help:表格”的源代码
←
Help:表格
跳转至:
导航
、
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
*'''注意事项''' <big>'''表格通常需要在上行代码换行后写入,包括在一个表格内部添加表格时。'''</big> ==创建简单表格== ===basic=== 表格的基础代码如下: <pre><nowiki> {|border="1" |cell |} </nowiki></pre> 效果: {|border="1" |cell |} ===横向与竖向的单元格=== “||”或“换行+|”都可以横向创建一个新单元格。而新起一行的“|-”在表格中创建新的一行。“|-”等价于“|---”,也就是短横可以无穷多。 代码(只参考文本)如下 <pre> {|border="1" |A ||B ||C |- |D |E |F |} </pre> 效果如下: {|border="1" |A||B||C |- |D |E |F |} ===添加标题=== 使用“|+”可以给表格添加标题。 代码如下 <nowiki>{| border=1 align=right</nowiki> {{color|red|<nowiki>|+</nowiki>}}<nowiki> '''这是标题''' 请参看:</nowiki> <nowiki>|[[独立]]||[[1949年]]</nowiki> <nowiki>|-</nowiki> <nowiki>|[[国家]]||[[中华人民共和国]]</nowiki> <nowiki>|-</nowiki> <nowiki>|[[时区]]||[[UTC]]+8</nowiki> <nowiki>|-</nowiki> <nowiki>|[[国歌]]||[[义勇军进行曲]]</nowiki> <nowiki>|-</nowiki> <nowiki>|[[域名]]||.cn</nowiki> <nowiki>|}</nowiki> {|border=1 '''这是标题''' 请参看: |[[独立]]||[[1949年]] |- |[[国家]]||[[中华人民共和国]] |- |[[时区]]||[[UTC]]+8 |- |[[国歌]]||[[义勇军进行曲]] |- |[[域名]]||.cn |} ==复杂的表格== ===横纵向合并单元格=== 使用过Excel的编辑者应该都知道,Excel中有向某方向合并单元格的功能。而在wikitext中,代码“colspan=”可以实现横向合并单元格,等号后数值(直接输入不加引号)表示合并的单元格的数量。“rowspan=”可以实现纵向合并单元格,等号后数值(直接输入不加引号)表示合并的单元格的数量。 实际合用如下; <nowiki>{| border="1"</nowiki> <nowiki>|-</nowiki> <nowiki>|栏目一 || 栏目二 || 栏目三</nowiki> <nowiki>|-</nowiki> <nowiki>|</nowiki>{{color|red|<nowiki>rowspan=2</nowiki>}}<nowiki>| A</nowiki> <nowiki>|</nowiki>{{color|red|<nowiki>colspan=2</nowiki>}}<nowiki>| B</nowiki> <nowiki>|-</nowiki> <nowiki>| C</nowiki> <nowiki>| D</nowiki> <nowiki>|}</nowiki> 将有这样的效果: {| border="1" |- |栏目一 || 栏目二 || 栏目三 |- |rowspan=2| A |colspan=2| B |- | C | D |} ===嵌套表格=== 在某一单元格内增加嵌套表格类似于在Excel中拆分单元格。其实质顾名思义,就是在一个表格内再“嵌套”一个表格,即“表中表”。 若创建一个1行3列的表格,并在第二行插入一个两行的嵌套表格,我们需要: <nowiki>{| border=1</nowiki> <nowiki>|原有</nowiki> <nowiki>|</nowiki> {{color|red|<nowiki>{|border=2</nowiki> <nowiki>|插入</nowiki> <nowiki>|-</nowiki> <nowiki>|表格</nowiki> <nowiki>|}</nowiki>}} <nowiki>|表格</nowiki> <nowiki>|}</nowiki> 得到: {| border=1 |原有 | {| border=2 |插入 |- |表格 |} |表格 |} ===折叠=== 使用此,可以让表格有折叠的功能。可以在保证版面的前提下插入必要的内容。请注意:无论如何折叠,第一行单元格将永不会被折叠。 注意:第一行的'''border="1"'''不再使用,且被改为'''class="……"'''。 代码如下: <pre> {| class="wikitable mw-collapsible" style="text-align:center" |我是表格 |- | 这些内容可以被折叠。 |} </pre> 将有这样的效果: {|" class="wikitable mw-collapsible" style="text-align:center" |我是表格 |- | 这些内容可以被折叠。 |} 亦可以使之默认处于隐藏状态。 代码如下: <pre> {| class="wikitable mw-collapsible mw-collapsed" style="text-align:center" |我是表格 |- | 这些内容必被折叠。 |} </pre> 将有这样的效果: {|" class="wikitable mw-collapsible mw-collapsed" style="text-align:center" |我是表格 |- | 这些内容必被折叠。 |} 备注:这里的 <pre> style="text-align:center" </pre>代码旨在让其中的内容居中显示。这对于一些需要居中排版的情况是一个很好用的开关。 *'''一点提醒''' #包括嵌套表格和普通表格,所有的表格起始符“{|”必须在上行代码换行后写入。 #事实上,“colspan”“rowspan”所带来的效果也可以用嵌套表格来实现(想想怎么做..)。但是,为了代码检查和编辑的方便,任何时候都请选择较简洁的代码。 ==为什么我的表格和别人的不一样?== ===边框粗细与单元格距=== 边框粗细由参数“border”决定,数值上为任一非负数,默认值为0。输入时应在参数数值上打上半角引号。 单元格边框与表格外框的距离由参数“cellspacing”决定,默认值为1。数值及输入要求同上。 两参数之间应有空格。 <nowiki> </nowiki> <nowiki>{|</nowiki>{{color|red|<nowiki>border="1" cellspacing="0"</nowiki>}} <nowiki>|(1,1)||(1,2)</nowiki> <nowiki>|-</nowiki> <nowiki>|(2,1)||(2,2)</nowiki> <nowiki>|}</nowiki> 可以得到: {|border="1" cellspacing="0" |(1,1)||(2,1) |- |(1,2)||(2,2) |} 或者: <nowiki>{|</nowiki>{{color|red|<nowiki>border="3.7" cellspacing="1.7"</nowiki>}} <nowiki>|(1,1)||(1,2)</nowiki> <nowiki>|-</nowiki> <nowiki>|(2,1)||(2,2)</nowiki> <nowiki>|}</nowiki> 那么: {|border="3.7" cellspacing="1.7" |(1,1)||(2,1) |- |(1,2)||(2,2) |} ===嵌套表格样式=== 嵌套表格外框与被嵌套表格单元格框距离由参数“cellpadding”决定,这个参数应写在表格顶部。数值和输入要求与前文等同,默认值为1。 用例 <nowiki>{| border="1" </nowiki>{{color|red|<nowiki>cellpadding="0"</nowiki>}} <nowiki>|原有</nowiki> <nowiki>|</nowiki> <nowiki>{| border="2"</nowiki> <nowiki>|插入</nowiki> <nowiki>|-</nowiki> <nowiki>|表格</nowiki> <nowiki>|}</nowiki> <nowiki>|表格</nowiki> <nowiki>|}</nowiki> 生成: {| border="1" cellpadding="0" |原有 | {| border="2" |插入 |- |表格 |} |表格 |} **提示:上文所述的一些参数在写入时应当两两之间应留有一个空格。 输入: <nowiki>{| border="1"</nowiki> {{color|red|<nowiki>cellpadding="2"</nowiki>}} <nowiki>|原有</nowiki> <nowiki>|</nowiki> <nowiki>{|border=2</nowiki> <nowiki>|插入</nowiki> <nowiki>|-</nowiki> <nowiki>|表格</nowiki> <nowiki>|}</nowiki> <nowiki>|表格</nowiki> <nowiki>|}</nowiki> 生成: {| border="1" cellpaddig="2" |原有 | {| border=2 |插入 |- |表格 |} |表格 |} ===文本颜色=== 设置表格中文字的文本颜色,通常有三种方法。 *若要仅使某单元格内文字呈现颜色,则应使用下面这一方法。 <nowiki>{| border=1 </nowiki> <nowiki>| </nowiki>{{color|red| <nowiki> <font color=yellow> </nowiki>}} 我是纯洁的白色 {{color|red|<nowiki></font> </nowiki>}} <nowiki>| 我是黄色 </nowiki> <nowiki>|} </nowiki> 生成: {| border="1" | <font color=yellow> 我是纯洁的白色 </font> | 我是黄色 |} *若是整个行、列、表格的文字都呈现相同颜色,则应当使用如下方法。 <nowiki>{|</nowiki> {{color|red|<nowiki>style="color:blue"</nowiki>}} border="1" <nowiki>|-</nowiki> <nowiki>| 这行是</nowiki> <nowiki>| 蓝字</nowiki> <nowiki>| 我要换色</nowiki> <nowiki>|- </nowiki>{{color|red|<nowiki>style="color:red"</nowiki>}} <nowiki>| 这行是</nowiki> <nowiki>| 红字</nowiki> <nowiki>| 再换个色</nowiki> <nowiki>|-</nowiki> <nowiki>| 这行</nowiki> <nowiki>| </nowiki>{{color|red|<nowiki>style="color:fuchsia"</nowiki>}} | 比较 <nowiki>| </nowiki>{{color|red|<nowiki><font color="lime"></nowiki>}}<nowiki>不一样</nowiki>{{color|red|<nowiki></font></nowiki>}} <nowiki>|}</nowiki> 生成: {| style="color:blue" border=1 |- | 这行是 | 蓝字 | 我要换色 |- style="color:red" | 这行是 | 红字 | 再换个色 |- | 这行 | style="color:fuchsia" | 比较 | <font color="lime">不一样</font> |} **提示:若要在统一文字颜色的行、列、表格中让某一单元格文字显示不同的颜色,只需要对这个单元格使用第一种方式即可,参见第二个栗子的最后一行。 *事实上,在表格中直接使用普通的“<nowiki>{{color|red|这段文字将会显示为红色}}</nowiki>”也是可行的,但是,太麻烦了。 ===单元格颜色=== 使单元格着色的方式与文字相似,且二者可以混合使用。以上一小节的第二个例子为例,增加背景色: <nowiki>{|</nowiki> {{color|red|<nowiki>style="color:blue;background:yellow"</nowiki>}} border="1" <nowiki>|-</nowiki> <nowiki>| 这行是</nowiki> <nowiki>| 蓝字黄背景</nowiki> <nowiki>| 我要换色</nowiki> <nowiki>|- </nowiki>{{color|red|<nowiki>style="color:red;background:navy"</nowiki>}} <nowiki>| 这行是</nowiki> <nowiki>| 红字深蓝背景</nowiki> <nowiki>| 再换个色</nowiki> <nowiki>|-</nowiki> <nowiki>| 这行</nowiki> <nowiki>| </nowiki>{{color|red|<nowiki>style="color:fuchsia;background:white"</nowiki>}} | 比较 <nowiki>| </nowiki>{{color|red|<nowiki>bgcolor=red"</nowiki>}}<nowiki>|</nowiki>{{color|red|<nowiki><font color="lime"></nowiki>}}<nowiki>不一样</nowiki>{{color|red|<nowiki></font></nowiki>}} <nowiki>|}</nowiki> 生成: {| style="color:blue;background:yellow" border=1 |- | 这行是 | 蓝字黄背景 | 我要换色 |- style="color:red;background:navy" | 这行是 | 红字深蓝背景 | 再换个色 |- | 这行 | style="color:fuchsia;background:white" | 比较 | bgcolor=red|<font color="lime">不一样</font> |} **小提醒: #两个颜色参数之间应该用分号(半角)隔开。 #颜色参数应区别于其它参数而至于引号内。 #颜色参数的值应以半角冒号连接,而不是等号 #至于颜色列表,参见后文的列表和帮助文件。<ref> 像其他参数一样,颜色参数指定的优先顺序为:单元格→行(列)→全表。 <br />HTML4.01制定16种颜色名称,附上16进位值如下所示: {| border="0" |- |[[w:en:black|black]] |align="center" style="background:#000000; color:#ffffff; font-family:monospace;" width=15%|#000000 |width=5%| ||[[w:en:silver (color)|silver]] |align="center" style="background:#c0c0c0; color:#000000; font-family:monospace;" width=15%|#c0c0c0 |width=5%| ||[[w:en:maroon (color)|maroon]] |align="center" style="background:#800000; color:#ffffff; font-family:monospace;" width=15%|#800000 |width=5%| ||[[w:en:red|red]] |align="center" style="background:#ff0000; color:#ffffff; font-family:monospace;" width=15%|#ff0000 |- |[[w:en:Navy blue|navy]] |align="center" style="background:#000080; color:#ffffff; font-family:monospace;"|#000080 || ||[[w:en:blue|blue]] |align="center" style="background:#0000ff; color:#ffffff; font-family:monospace;"|#0000ff || ||[[w:en:purple|purple]] |align="center" style="background:#800080; color:#ffffff; font-family:monospace;"|#800080 || ||[[w:en:fuchsia (color)|fuchsia]] |align="center" style="background:#ff00ff; color:#000000; font-family:monospace;"|#ff00ff |- |[[w:en:green|green]] |align="center" style="background:#008000; color:#ffffff; font-family:monospace;"|#008000 || ||[[w:en:lime (color)|lime]] |align="center" style="background:#00ff00; color:#000000; font-family:monospace;"|#00ff00 || ||[[w:en:olive (color)|olive]] |align="center" style="background:#808000; color:#ffffff; font-family:monospace;"|#808000 || ||[[w:en:yellow|Yellow]] |align="center" style="background:#ffff00; color:#000000; font-family:monospace;"|#ffff00 |- |[[w:en:teal (color)|teal]] |align="center" style="background:#008080; color:#ffffff; font-family:monospace;"|#008080 || ||[[w:en:aquamarine (color)|aqua]] |align="center" style="background:#00ffff; color:#000000; font-family:monospace;"|#00ffff || ||[[w:en:grey|gray]] |align="center" style="background:#808080; color:#ffffff; font-family:monospace;"|#808080 || ||[[w:en:white|white]] |align="center" style="background:#ffffff; color:#000000; font-family:monospace;"|#ffffff |} ''请参见:[[Help:颜色列表]]'' </ref> ===层叠样式表=== WP内置了[[zhwiki:CSS]],用于格式化表格,可以通过在<code>{|</code>之后加入<code>class="wikitable"</code>使用。例如: <pre>{| class="wikitable" style="text-align:center" |+乘法表 |- ! × !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |}</pre> 可以得到: {| class="wikitable" style="text-align:center" |+乘法表 |- ! × !! 1 !! 2 !! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |} ===设定行高与列宽=== 整个表格的行高(height)和列宽(width),以及任意列的列宽可以进行设定。要设定任意行的行高,可以通过设定该行任意一个单元格的行高来实现。如果存在行、列的高、宽没有设定,那么表格的显示结果可能随浏览器的不同而不同。 <nowiki>{| </nowiki> {{color|red|<nowiki>style="width:75%; height:200px"</nowiki>}} border="1" <nowiki>|- </nowiki> <nowiki>| abc</nowiki> <nowiki>| def</nowiki> <nowiki>| ghi</nowiki> <nowiki>|-</nowiki> {{color|red|<nowiki>style="height:100px"</nowiki>}} <nowiki>| jkl</nowiki> <nowiki>|</nowiki> {{color|red|<nowiki>style="width:200px"</nowiki>}} |mno <nowiki>| pqr</nowiki> <nowiki>|-</nowiki> <nowiki>| stu</nowiki> <nowiki>| vwx</nowiki> <nowiki>| yz</nowiki> <nowiki>|}</nowiki> 将得到这样的结果: {| style="width:75%; height:200px" border="1" |- | abc | def | ghi |- style="height:100px" | jkl | style="width:200px" |mno | pqr |- | stu | vwx | yz |} 以上内容转自萌娘百科
该页面使用的模板:
Template:Color
(
查看源代码
)
返回至
Help:表格
。
导航菜单
个人工具
创建账户
登录
名字空间
帮助页面
讨论
不转换
不转换
简体
繁體
大陆简体
香港繁體
澳門繁體
大马简体
新加坡简体
台灣正體
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
Help about MediaWiki
工具
链入页面
相关更改
特殊页面
页面信息