「沙箱」修訂間的差異
(→四級標題) |
|||
行 21: | 行 21: | ||
==== 四級標題 ==== | ==== 四級標題 ==== | ||
+ | 詩歌 | ||
枯藤 老樹 昏鴉 | 枯藤 老樹 昏鴉 | ||
小橋 流水 人家 | 小橋 流水 人家 | ||
古道 西風 瘦馬 | 古道 西風 瘦馬 | ||
夕陽西下 斷腸人在天涯 | 夕陽西下 斷腸人在天涯 | ||
+ | |||
+ | 程式碼 | ||
+ | <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> |
於 2020年1月3日 (五) 06:40 的修訂
一個網頁裡面,包含了幾個元素(elemants),這些元素有:
- 標題(一級標題、二級標題、三級標題…)
- 段落
- 多媒體(圖片、影片、video & audio…)
- 清單(有序清單、無序清單&定義清單)
- 超連結(外部連結、內部連結)
- 表格(table)
- 分類(category)
- 模版(template)
- 格式保存
二級標題
(這是一個段落)「社區大學促進公共參與特色議題計畫:打造地方創生的灘頭堡」是在探討在台灣,如何透過合作、利他(COOP)的原則,為一個地區(都會、農村…)規劃並執行地方創生計畫的「適切流程」,並且實際提出設計提案。
(這是另一個段落)我們預計招聚 50 位學員(黃金戰士),在 5 個月內,進行 10 次的集結(gethering),形成團隊,之後,進行合作松,為自己的家鄉的地方創生撰寫提案。
三級標題
四級標題
詩歌
枯藤 老樹 昏鴉 小橋 流水 人家 古道 西風 瘦馬 夕陽西下 斷腸人在天涯
程式碼
<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>