wikidot和html代码比较

文本样式

行内样式

wikidot代码	html代码
//斜体文本//	<em>文本</em>
**粗体文本**	<strong>粗体文本</strong>
__下划线文本__	<span style="text-decoration: underline;">下划线文本</span>
--删除线文本--	<span style="text-decoration: line-through;">删除线文本</span>
{{打字机（等宽字）文本}}	<tt>打字机（等宽字）文本</tt>
普通^^上标^^	普通<sup>上标</sup>
普通,,下标,,	普通<sub>下标</sub>
[[span style="color: red;"]]自定义span/元素[[/span]]	<span style="color: red;">自定义span元素</span>
##blue|预定义## 或 ##44FF88|自定义代码## 颜色	<span style="color: blue">预定义</span> 或 <span style="color: #44ff88">自定义代码</span> 颜色

文本大小

wikidot代码	html代码
[[size smaller]]更小的文本[[/size]]	<span style="font-size:smaller;">更小的文本</span>
[[size 80%]]现大小的 80%[[/size]]	<span style="font-size:80%;">现大小的 80%</span>
[[size 0.8em]]现大小的 80%[[/size]]	<span style="font-size:0.8em;">现大小的 80%</span>
[[size xx-small]]超超小文本[[/size]]	<span style="font-size:xx-small;">超超小文本</span>
[[size 7px]]文本大小 7 像素[[/size]]	<span style="font-size:7px;">文本大小 7 像素</span>

链接

wikidot代码	html代码
[[[entities]]]	<a href="/entities">entities</a>
[[[entities|文本]]]	<a href="/entities">文本</a>
http://www.wikidot.com	<a href="http://www.wikidot.com">http://www.wikidot.com</a>
[http://www.wikidot.com wikidot]	<a href="http://www.wikidot.com">wikidot</a>
*http://www.wikidot.com	<a href="http://www.wikidot.com" target="_blank">http://www.wikidot.com</a>
[*http://www.wikidot.com wikidot]	<a href="http://www.wikidot.com" target="_blank">wikidot</a>

创建节段

标题

wikidot代码	html代码
+ 1 级标题	<h1 id="toc1"><span>标题</span></h1>
+* 1 级标题	<h1><span>标题</span></h1>

列表

wikidot代码	html代码
* 无序列表	<ul> <li>无序列表 </li> </ul>
# 有序列表	<ol> <li>有序列表 </li> </ol>

引用块

wikidot代码	html代码
> 这是一个引用块。	<blockquote> <p>这是一个引用块。</p> </blockquote>

自定义 Div

wikidot代码	html代码
[[div class="styled-quote"]] 样式化引用块 [[/div]]	<div class="styled-quote"> <p>样式化引用块</p> </div>

折叠块

wikidot代码	html代码
[[collapsible show="展开随便什么" hide="收起随便什么"]] 要展开/收起的随便什么文本。 [[/collapsible]]	<div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;"展开随便什么</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;"收起随便什么</a></div> <div class="collapsible-block-content"> <p>要展开/收起的随便什么文本。</p> </div> </div> </div>
[[collapsible show="+ 展开随便什么" hide="- 收起随便什么" hideLocation="both"]] 这个折叠块可以同时从顶部与底部收起！ [[/collapsible]]	<div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">+&nbsp;展开随便什么</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">-&nbsp;收起随便什么</a></div> <div class="collapsible-block-content"> <p>这个折叠块可以同时从顶部与底部收起！</p> </div> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">-&nbsp;收起随便什么</a></div> </div> </div>

表格

wikidot代码	html代码
||~ 一行必须以 ||~ 双竖杠开始 ||~ 并以其结尾 || || 单元格要被 || 双竖杠分割 || 什么都没有 || |||| 你可以使用 || 多个分隔符 || || 使得单元格 |||| 能跨越多列 || |||||| 但要看示例 _ 才是最简单	<table class="wiki-content-table"> <tr> <th>一行必须以</th> <th>双竖杠开始</th> <th>并以其结尾</th> </tr> <tr> <td>单元格要被</td> <td>双竖杠分割</td> <td>什么都没有</td> </tr> <tr> <td colspan="2">你可以使用</td> <td>多个分隔符</td> </tr> <tr> <td>使得单元格</td> <td colspan="2">能跨越多列</td> </tr> <tr> <td colspan="3">但要看示例<br /> 才是最简单</td> </tr> </table>

脚注

wikidot代码

html代码

一些文本[[footnote]]以及一个小小的脚注。[[/footnote]]。 [[footnoteblock]]

<p>一些文本<sup class="footnoteref"><a id="footnoteref-1" href="javascript:;" class="footnoteref" onclick="WIKIDOT.page.utils.scrollToReference('footnote-1')">1</a></sup>。</p> <div class="footnotes-footer"> <div class="title">Footnotes</div> <div class="footnote-footer" id="footnote-1"><a href="javascript:;" onclick="WIKIDOT.page.utils.scrollToReference('footnoteref-1')">1</a>. 以及一个小小的脚注。</div> </div>

杂项

wikidot代码	html代码
----	<hr />
[[user ghostchibi]]	<span class="printuser"><a href="http://www.wikidot.com/user:info/ghostchibi" onclick="WIKIDOT.page.listeners.userInfo(1382994); return false;">ghostchibi</a></span>
[[*user ghostchibi]]	<span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/ghostchibi" onclick="WIKIDOT.page.listeners.userInfo(1382994); return false;"><img class="small" src="https://www.wikidot.com/avatar.php?userid=1382994&amp;amp;size=small&amp;amp;timestamp=1753487653" alt="ghostchibi" style="background-image:url(https://www.wikidot.com/userkarma.php?u=1382994)" /></a><a href="http://www.wikidot.com/user:info/ghostchibi" onclick="WIKIDOT.page.listeners.userInfo(1382994); return false;">ghostchibi</a></span>
[[code]] 在此插入代码 [[/code]]	<div class="code"> <pre><code>在此插入代码</code></pre></div>
[[module CSS]] [[/module]]	<style> </style>