Html 項目與列表呈現方式 - ul, ol, 與 li

最近在撰寫網站時，需要以列表方式呈現，趁這個機會簡單筆記一下 ul, ol, li 與 dl 使用方法與呈現效果，未來有需要的時候可以使用，也提供給有需要的朋友參考。

若想要呈現的效果為符號 ● ，則你可以透過 <ul>  與 <li> 語法達到效果，語法如下：

	<ul>
	<li>起床</li>
	<li>盥洗</li>
	<li>上班</li>
	</ul>

view raw ul and li hosted with ❤ by GitHub

其呈現的效果如下：

若想要呈現的效果為數字排序，則可以透過 <ol> 與 <li> 語法達到效果，語法如下：

	<ol>
	<li>起床</li>
	<li>盥洗</li>
	<li>上班</li>
	</ol>

view raw ol and li hosted with ❤ by GitHub

呈現效果如下：

如果要混合使用，達到子項目的效果呢？ 語法如下：

	<ul>
	<li>起床</li>
	<li>盥洗</li>
	<ol>
	<li>起床</li>
	<li>盥洗</li>
	<li>上班</li>
	</ol>
	<li>上班</li>
	</ul>

view raw ul, ol, and li hosted with ❤ by GitHub

呈現的效果如下：

若有需要，可以直接複製語法貼上，再修改即可。