帮助:源码编辑器教程

来自东方活动维基

可视化编辑器加载较为缓慢,故本站推荐使用源码编辑器,所以这里提供一些Html标签以及使用方法和注意事项 直接使用源代码编辑器能实现更多效果

正在重新排版更改误导性内容

一些常用的Html标签

<center>标签

居中标签在Html4.01已经被废除,但是wiki是html2。
↓使用例↓

<center>My_World是个鸽子</center>
My_World是个鸽子

<b>标签

使文本加粗
↓使用例↓
<b>My_World是个鸽子</b>

My_World是个鸽子


<h>标签

是对本标题着重强调的一种标签,为了呈现内容结构所以这里不推荐使用H标签来更改字体大小。


<u>标签

让字体底部出现一条线
↓使用例↓
<u>My_World是个鸽子</u>

My_World是个鸽子

<s>和<strike>标签

让字体中部出现一条线
↓使用例↓
<s>My_World是个鸽子1</s>
<strike>My_World是个鸽子2</strike>

My_World是个鸽子1
My_World是个鸽子2


<i>标签

让字体倾斜
↓使用例↓
<i>My_World是个鸽子</i>

My_World是个鸽子

<br>标签

让字体换行

注意:你想换多少行就在最后面打多少个<br>标签
实例
正确的:My_World是个鸽子<br>
错误的:My_World是个鸽子</br>
错误的:<br>My_World是个鸽子</br>

↓使用例↓
My_World<br>是个鸽子

My_World
是个鸽子

<!--内容-->标签

注释,这里面的内容不会被显示到页面上,规整的源码文件离不开注释!

实例

正确的:<!--My_World是个鸽子-->
错误的:<--My_World是个鸽子-->
错误的:<!My_World是个鸽子>

↓使用例↓
<!--下面是使用例子-->注释是不会显示在界面上的!

注释是不会显示到界面上的!


<nowiki>标签


让在标签以内的源码不会被渲染,类似<Xmp>标签
不过<xmp>标签在这并不能使用!
实例
正确的:<nowiki> <h1>My_world是个鸽子!</h1> </nowiki>
错误的:<nowiki> <h1>My_world是个鸽子!</nowiki></h1>
↓使用例↓
<nowiki>这里展示一些标签<h1> <i> <b></b></i></h1> </nowiki>

这里展示一些标签<h1> <i> <b></b></i></h1>

<code>标签


展示一段代码
↓使用例↓
<code><canvas id="myCanvas"></canvas></code>

<canvas id="myCanvas"></canvas>

<font>标签

可以规定文本的字体,字体尺寸,字体颜色。
↓使用例↓
<font size="6" color="#FF0000">My_world是个鸽子</font>
<font size="7" color="#008000">My_world是个鸽子</font>
My_world是个鸽子
My_world是个鸽子

<font color="颜色代码"> 只会改变字体颜色的源码,
↓使用例↓
<font color="#FF0000">My_world是个鸽子</font>
My_world是个鸽子

那么<font>标签能不添加颜色代码直接控制字体大小行吗? 当然能!<font size="3">
↓使用例↓
<font size="3">My_world是个鸽子</font>
My_world是个鸽子


字体的背景颜色也可以用<font>标签更改
↓使用例↓
<font style="background-color:#A9A9A9;">My_world是个鸽子</font>

My_world是个鸽子

源码结构解释
<font style="background-color:#A9A9A9;" size="7" color="#FF0000">
font是字形 Size是尺寸Color是字体颜色 styls字体风格
background-color是改变背景字体背景颜色
查询颜色代码清点我 请注意标点符号一定不要搞错了,要区分大小写的

<font color="#008000">My_world是个鸽子</font>若font 里没有Size 则不会改变字体尺寸


其他实用源码

表格

不要以为源码编辑表格会很难(๑•̀ㅂ•́)و✧

这里是表格标题
Σ( ° △ °) =w= (≧▽≦)/
0w0 ≡ω≡ X﹏X

表格源码

{| class="wikitable"
|+这里是表格标题
! Σ( ° △ °)
!=w=
!(≧▽≦)/
|-
!0w0
!≡ω≡
!X﹏X
|}

源码结构解释

{| class="wikitable"   表格开头
|+   表格标题
!     第一排的格子 (一个感叹号代表一个格子)
|-   换行
!     第二排的格子
|}    表格结尾