2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

User:Momo bly dblk/师匠的表格教学

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

说在前面的话

嘛= =表格还是比较简单的一个东西,我会尽量用比较简洁的语言说明白的2333以前曾越教越复杂GG思密达 2016年3月29日 09:48:56——巡查姬大天使讨论

课程

3月29日

3月29日的内容

首先第一堂课,我们来认识表格是怎么构成的
在wiki中,不管你要用什么语法,都需要用一个抬头和结尾将内容框起来
不这么做的话系统无法辨别
因此,如果你想要写一个表格,首先就需要抬头
而表格的抬头,分为两种:

  • 单框类

举例:

× 1 2 3
1
1 2 3
2
2 4 6
3
3 6 9

似乎单框的抬头一定要添加格式,不然的话表格不知道为什么不显示........

  • 双框类

举例:

双框

单框类的抬头为:
{|class="wikitable"
而双框的抬头为:
{| border=1
:双框类的表格,你可以调整外框的粗细像素
如:把{| border=1改成{| border=5,我们就会得到:

GG思密达

下面将开始简单的讲述表格的构成

构成
想要构成表格,单单有表格是不行的,必须要有内容
我们都知道,Excel的是由一个又一个的的单元格构成的
那么我们在Wiki中,要怎样构成一个单元格呢?

其实很简单
在你要写的内容前面加上一个“|”就可以了!

:下面将用双框来举例,单框是同理的

如果你想要在你的表格中加入内容
那么,首先,先写一个抬头{| border=1
然后,换行
表格的换行可不是简单的敲回车就行了,而是有一个特定的符号“|-”
这个符号是由单元格符号“|”和键盘等于号旁边的破折号“-”形成的
注意:在wiki语法中必须使用英文半角符号这个你应该是懂的,不过还是多嘴一句233
那么,现在我们的表格就写好了下面这样的代码:
{| border=1
|-
写好了这个之后,回车,打上“|”,然后就是你要写的内容就可以了!
:有些表格编写者喜欢在“|”后面空一个空格,其实空跟不空没有区别,只是空了一个如果发现写错了方便查找一点,有排版不凌乱

写完你的内容以后,我们的表格就有了下面这样的代码:
{| border=1
|-
| 1234567
接下来,我们还需要做一件事,才能完成表格。
那就是,用一个结束框“|}”将你的表格框起来!
写完之后,代码就是这样的:
{| border=1
|-
| 1234567
|}
然后点预览,你就会发现:表格已经写好了!

1234567


以上,便是表格最基础的构成,这两个抬头你只需要保存起来,需要的时候复制就可以了,不需要去记
需要记的东西:用“|”写单元格,用“|-”换行
基本上就是这样子,嗯

2016年3月29日 10:21:25——巡查姬大天使讨论


课外辅导班
关于表格的排版
首先要记住记住记住(重三)
每一列中最长的单元格决定了该列的长度!
所以不注意排版的话极有可能会出现以下情况:

1234567
3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253...

啊还有
如果你想要单元格横着排列,就如下:
|单元格||单元格||单元格
or
|单元格
|单元格
|单元格
就会成为这样

1234567 1234567 1234567

2016年3月29日 13:01:26——巡查姬大天使讨论

3月30日

3月30日的内容

昨天的关于表格的建立相信你已经了解了
那么,今天我们就来玩点高端点的玩法~
首先,我们先写出一个3x3的表格

西



然后呢,今天需要你记住的有两个参数

  • colspan
  • rowspan

我是英语盲啦= =都是死记硬背的,不知道是不是英语单词就是这个意思

  • colspan=列合并
  • rowspan=行合并

如果我们给上面的表格中某一个单元格添加了这些参数
那么会变成什么样?
举例子:

  • 给德字添加colspan参数,合并列数设为3吧,那么就会变成
西



所以说,表格真是排版用的好东西呢!
岔戏了岔戏了= =
如果你想要给单元格设置合并,那么应该这么写
{| border=1
|-
| colspan=3 | 德 || 玛 || 西
|-
| 亚 || , || 无
|-
| 可 || 匹 || 敌
|}
也就是说,你必须要在想合并的单元格前面,加上一个参数,然后用一个“|”框起来,之后才能写内容
以后要教你的添加格式也是一样的道理,你想添加格式的单元格必须框起来
当然,rowspan也是一样的
{| border=1
|-
| rowspan=3 | 德 || 玛 || 西
|-
| 亚 || , || 无
|-
| 可 || 匹 || 敌
|}

西



所以,如果你想要用好colspan和rowspan,你必须参照你表格的大小改动数字,才能达成完美排版
排版成功的案例就是User:Momo_bly_dblk/sandbox1
当然,如果排错了就可能变成萌百破坏指南第49条的案例
以上就是今天的内容,嗯,我想想还有什么可以补充的等会写在课外辅导233

2016年3月30日 11:09:08大天使 is watching you呼叫苦力

3月31日

今天好忙好忙还忙= =明天再给你写了——巡查姬大天使-Is watching you- 2016年3月31日 (四) 22:09 (CST)

4月4日

断了这么久真是不好意思OTL!!!重新开课

4月4日的内容

咳,上节课说到哪啦?
噢对了,行列合并
那么今天就让我们来学学怎么利用前面的知识来排版吧!

首先写出一个表格

这里是深色 这里想弄成浅色 怎么办呢?
这里浅色 这里反而要深色 到底怎么办?

一共有两种办法

  • 1.为单元格添加style="background:white",但是这样子会特别的不自然,就像这样:
这里是深色 这里想弄成浅色 怎么办呢?
这里浅色 这里反而要深色 到底怎么办?

那么有没有别的办法让他浅下来呢?答案是有的

  • 2.让我们回忆一下,在第一节课中,我们提到了什么
回忆

如果你想要单元格横着排列,就如下:
|单元格||单元格||单元格
or
|单元格
|单元格
|单元格

那么这时候,问题就来了。
已知单元格横着排列的方式,以及“!”=深色单元格,“|”=浅色单元格,那么
该怎么让横排的单元格不同底色?

答案是:
!单元格
|单元格
|单元格
是的没错,就是使用错行的办法,改变表示单元格的符号
按上面这行去打的话,那么表格就会变成这样:

这里是深色
这里想弄成浅色 怎么办呢?
这里浅色
这里反而要深色
到底怎么办?

就是这样的简单,所以,表格其实一点都不复杂,只要知道格式,直接生搬硬套都能套出一个漂亮的表格
前提是排版正确
好的,那么以上就是今天的第一个内容~~~~

第二个内容其实很少也很简单
那就是,如果单元格留空,那么排版会怎么样?
首先我们来写一个两行的代码,第二列留空:

1234 5678
8765 4321

可以发现,留空了就只有短短的一点点,表示单元格的存在
在rowspan和colspan的格式下,会变成一个长条,这时候就很尴尬了
因此,单元格尽量要有内容,留白的话就很尴尬了

但是,话也不能说绝
我们可以用留白的特殊性,来达成一个小小的排版,就象这样:

1234 5678
8765 4321

甚至是这样

1234 5678

8765 4321


这个表格有点小,达不到那种效果,而且本来colspan的格式下留空也是跟rowspan一样的,不知道为什么变宽了
嘛,基本就是这样咯,留空的单元格就会变成一小条,平时注意一下就好咯
附完美运用案例:师匠写的备忘录v2.0版本

——巡查姬大天使-Is watching you- 2016年4月4日 (一) 01:46 (CST)

4月5日

4月5日的内容

不出意外的话,今天的内容应该是最后一部分了
撒,废话不多说,大天使表格课堂开课啦~
今天要讲的,就是关于单元格格式的设置
前面也稍微有跟你提到了一些,今天就集中的来讲一下

如果你想要给一个单元格添加格式
那么,你应该和行列合并一样,在单元格前添加“style=""|”的代码,就像这样:
| style="background:black" | 单元格
那么,你所设定的格式就会应用到所对应的单元格

如果想要行的单元格都要应用统一格式的话怎么办呢?
难道要每个单元格都添加格式吗?
错了
想要正行单元格都应用同一个格式的话,你需要做的是
在你想应用格式的那一行单元格上的“|-”处,将格式添加上去,具体如:
|-style="background:black"
|单元格||单元格||单元格
这样子的话,整行的单元格就都会应用到同一个格式

当然,如果你想要把格式应用到整个表格的话,就应该把格式添加到抬头里了,就象这样:
{|class="wikitable" style="background:black"
这样的话,整个表格就都统一一个格式啦!

然后呢,具体能在表格里添加的格式类型,我之前给你的那个备忘录里差不多都写齐了
嗯......应该没什么落下的了
那么,如果你看到这里的话呢,那就恭喜你




诶不不不不,等等等等,这时候你应该写一个表格,作为毕业作业提交
要求
一个单框表格,不少于10行、5列
合并行不得少于5次,具体怎么合并可自行分配
合并列不得少于3次,分配同上
表格整体文字居中对齐
完美排版,不缺格,不多格
内容可以自定义
提交时间:什么时候写好什么时候交



等你毕业作业交上来,没有任何问题的时候,就恭喜你,出师啦~~
撒花~
撒花~

——巡查姬大天使- Is watching you - 2016年4月5日 (二) 10:56 (CST)

提问版

3/29

3月29号

所以说是不是不加|-就在一行里一直持续下去? --~~~~

嗯怎么说呢.....应该说能用同一行写完的就不要换行,以免很乱到时找不到还有签名不能签在poem里233——巡查姬大天使讨论) 2016年3月29日 (二) 12:46 (CST)

3/30

那么如何定义单元格的长宽呢?gg思密达又是什么鬼啦

--在地狱中沉浮的巡查基+去污粉のMomo bly dblk讨论) 2016年3月30日 (三) 23:18 (CST)

一般是按单元格最长的一列来算的,如果你想强制规定格式的话,可以用style="width:多少多少px;height:多少多少px;"来规定,其中width=宽度,height=高度,和colspan、rowspan一样必须在单元格内容前面用“|”框起来——巡查姬大天使-Is watching you- 2016年3月30日 (三) 23:45 (CST)
这样就会出现一个hin有趣的问题。当我设置宽度为100px时,用colspan=2后单元格宽度是多少呢?--在地狱中沉浮的巡查基+去污粉のMomo bly dblk讨论) 2016年3月31日 (四) 01:43 (CST)
两列合并,宽度100px的单元格——巡查姬大天使-Is watching you- 2016年3月31日 (四) 06:18 (CST)
其实讲道理,你完全可以自己试一下,这样印象深一点——巡查姬大天使-Is watching you- 2016年3月31日 (四) 06:22 (CST)

3/31

我最近一直都好忙好忙的,但是我会抽时间看的!--在地狱中沉浮的巡查基+去污粉のMomo bly dblk讨论) 2016年4月2日 (六) 03:57 (CST)

毕业作业提交处