檢視沙箱的原始碼

一個網頁裡面，包含了幾個元素（elemants），這些元素有：

* 標題（一級標題、二級標題、三級標題…）
* 段落
* 多媒體（圖片、影片、video & audio…）
* 清單（有序清單、無序清單＆定義清單）
* 超連結（外部連結、內部連結）
* 表格（table)
* 分類（category）
* 模版（template）
* 格式保存

== 二級標題 ==

（這是一個段落）「社區大學促進公共參與特色議題計畫：打造地方創生的灘頭堡」是在探討在台灣，如何透過合作、利他（COOP）的原則，為一個地區（都會、農村…）規劃並執行地方創生計畫的「適切流程」，並且實際提出設計提案。

（這是另一個段落）我們預計招聚 50 位學員（黃金戰士），在 5 個月內，進行 10 次的集結（gethering），形成團隊，之後，進行合作松，為自己的家鄉的地方創生撰寫提案。

=== 三級標題 ===

# xyz
# xyz
#* xyz
#* xyz
# xyz
# xyz


* abc
* abc
* abc
* abc

==== 四級標題 ====

詩歌
 枯藤 老樹 昏鴉
 小橋 流水 人家
 古道 西風 瘦馬
 夕陽西下 斷腸人在天涯

程式碼
<pre>
<div class="w3-display-container">
  <img src="img_lights.jpg" alt="Lights">
  <div class="w3-display-topleft w3-container">Top Left</div>
  <div class="w3-display-topright w3-container">Top Right</div>
  <div class="w3-display-bottomleft w3-container">Bottom Left</div>
  <div class="w3-display-bottomright w3-container">Bottom Right</div>
  <div class="w3-display-left w3-container">Left</div>
  <div class="w3-display-right w3-container">Right</div>
  <div class="w3-display-middle w3-large">Middle</div>
  <div class="w3-display-topmiddle w3-container">Top Middle</div>
  <div class="w3-display-bottommiddle w3-container">Bottom Middle</div>
</div>
</pre>