→文本编辑系统： 等待意见
小 （先保存一下（网络不好）） |
（→文本编辑系统： 等待意见） |
||
第37行：
这里的语法指编辑页面源代码的内容文本处理语法。wiki通过在内容中插入修饰符号来更改内容的最终呈现方式。我们使用这一特性来让页面图文表并茂，使其更像一个现代的网页。
1.修改文本样式
{|class="wikitable"
!mediaWiki
第50行：
|<nowiki><b>粗体</b></nowiki>
|'''粗体'''
|-
|\
|<nowiki><s>删除线</s></nowiki>
|<s>删除线</s>
|-
|\
|<nowiki><u>下划线</u></nowiki>
|<u>下划线</u>
|-
|\
|<nowiki><span style="color: #0f0;font-size: 10px;">修改颜色和字号</span></nowiki>
|<span style="color: #0f0;font-size: 10px;">修改颜色和字号</span>
|-
|\
|<nowiki><code>下划线</code></nowiki>
|<code>代码关键字</code>
|}
2.修改段落样式
{|class="wikitable"
!mediaWiki
!html
!结果
|-
|使用空行新建段落
|<nowiki><p>新段落</p></nowiki>
|<p>段落一</p><p>段落二</p>
|-
|\
|<nowiki>另起<br>新行</nowiki>
|另起<br>新行
|-
|\
|<nowiki><p style="text-align: center;">段落文字<br>居中</p></nowiki>
|<p style="text-align: center;">段落文字<br>居中</p>
|-
|\
|<nowiki><pre>预定义格式文本。<br>用来贴源码</pre></nowiki>
|<pre>预定义格式文本。<br>用来贴源码</pre>
|}
3.创建表格<br>
行和单元格
<div style="display: flex;flex-wrap: wrap;">
<pre>{|
|文本1
|文本2
|文本3
|-
|文本4
|文本5
|
|}</pre>
<pre>
<table>
<tr>
<td>文本1</td>
<td>文本2</td>
<td>文本3</td>
</tr>
<tr>
<td>文本4</td>
<td>文本5</td>
<td></td>
</tr>
</table>
</pre>
</div>
结果：
{|
|文本1
|文本2
|文本3
|-
|文本4
|文本5
|
|}
使用wiki表格样式并设置表头
<div style="display: flex;flex-wrap: wrap;">
<pre>{|class="wikitable"
!项1
!项2
!项3
|-
|文本1
|文本2
|文本3
|-
|文本4
|文本5
|
|}</pre>
<pre>
<table class="wikitable">
<tr>
<th>项1</th>
<th>项2</th>
<th>项3</th>
</tr>
<tr>
<td>文本1</td>
<td>文本2</td>
<td>文本3</td>
</tr>
<tr>
<td>文本4</td>
<td>文本5</td>
<td></td>
</tr>
</table>
</pre>
</div>
结果：
{|class="wikitable"
!项1
!项2
!项3
|-
|文本1
|文本2
|文本3
|-
|文本4
|文本5
|
|}
单元格跨多行和多列
<div style="display: flex;flex-wrap: wrap;">
<pre>{|class="wikitable"
!colspan="3"|项
|-
|文本1
|文本2
|rowspan="2"|文本3
|-
|文本4
|文本5
|}</pre>
<pre>
<table class="wikitable">
<tr>
<th colspan="3">项</th>
</tr>
<tr>
<td>文本1</td>
<td>文本2</td>
<td rowspan="2">文本3</td>
</tr>
<tr>
<td>文本4</td>
<td>文本5</td>
</tr>
</table>
</pre>
</div>
结果：
{|class="wikitable"
!colspan="3"|项
|-
|文本1
|文本2
|rowspan="2"|文本3
|-
|文本4
|文本5
|}
4.设置文章大小标题
<pre>== 2号 ==
=== 3号 ===
==== 4号 ====
或
<h2>2号</h2>
<h3>3号</h3>
<h4>4号</h4></pre>
结果：
== 2号 ==
=== 3号 ===
==== 4号 ====
5.插入链接
<pre>[[内部链接]]，[https://fanyi.baidu.com 外部链接（百度翻译）]</pre>
结果：<br>
[[内部链接]]，[https://fanyi.baidu.com 外部链接（百度翻译）]<br>
6.插入图片文件
<pre>[[file.实验型战斗蜘蛛_高清.png|64x64px]]</pre>
结果：<br>
[[file:实验型战斗蜘蛛_高清.png|64x64px]]<br>
7.使用css内联样式<br>
<nowiki><pre style="margin: 0;padding: 5px;border: 1px solid;background-color: #fffff5;white-space: pre;overflow-x: auto;">
#Value Type
canRepairUnits: <boolean>
#Default
canRepairUnits: false
</pre></nowiki><br>
结果：
<pre style="margin: 0;padding: 5px;border: 1px solid;background-color: #fffff5;white-space: pre;overflow-x: auto;">
#Value Type
canRepairUnits: <boolean>
#Default
canRepairUnits: false
</pre>
| |||