帮助:源码编辑器教程
可视化编辑器加载较为缓慢,故本站推荐使用源码编辑器,所以这里提供一些Html标签以及使用方法和注意事项 直接使用源代码编辑器能实现更多效果
正在重新排版更改误导性内容
一些常用的Html标签
<center>标签
居中标签在Html4.01已经被废除,但是wiki是html2。
↓使用例↓
<b>标签
使文本加粗
↓使用例↓
<b>My_World是个鸽子</b>
My_World是个鸽子
<h>标签
是对本标题着重强调的一种标签,为了呈现内容结构所以这里不推荐使用H标签来更改字体大小。
<u>标签
让字体底部出现一条线
↓使用例↓
<u>My_World是个鸽子</u>
<s>和<strike>标签
让字体中部出现一条线
↓使用例↓
<s>My_World是个鸽子1</s>
<strike>My_World是个鸽子2</strike>
My_World是个鸽子1
My_World是个鸽子2
<i>标签
让字体倾斜
↓使用例↓
<i>My_World是个鸽子</i>
<br>标签
让字体换行注意:你想换多少行就在最后面打多少个<br>标签
实例
正确的:My_World是个鸽子<br>
错误的:My_World是个鸽子</br>
错误的:<br>My_World是个鸽子</br>
↓使用例↓
My_World<br>是个鸽子
是个鸽子
<!--内容-->标签
注释,这里面的内容不会被显示到页面上,规整的源码文件离不开注释!实例
正确的:<!--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是改变背景字体背景颜色
查询颜色代码清点我 请注意标点符号一定不要搞错了,要区分大小写的
其他实用源码
表格
不要以为源码编辑表格会很难(๑•̀ㅂ•́)و✧
Σ( ° △ °) | =w= | (≧▽≦)/ |
---|---|---|
0w0 | ≡ω≡ | X﹏X |
表格源码
{| class="wikitable"
|+这里是表格标题
! Σ( ° △ °)
!=w=
!(≧▽≦)/
|-
!0w0
!≡ω≡
!X﹏X
|}
源码结构解释
{| class="wikitable" 表格开头
|+ 表格标题
! 第一排的格子 (一个感叹号代表一个格子)
|- 换行
! 第二排的格子
|} 表格结尾