html學習筆記-無序列表、有序列表和嵌套列表

無序列表ul（unordered list）

ul無序列表標籤
li 列表項

<ul>
	<li>orange</li>
	<li>apple</li>
	<li>tree</li>
</ul>

展示爲：

• orange
• apple
• tree

不通類型形狀的無序列表

<h4>實心圓點 list:</h4>
<ul style="list-style-type:disc">
 <li>Apples</li>
 <li>Bananas</li>
</ul>  

<h4>空心圓點 list:</h4>
<ul style="list-style-type:circle">
 <li>Apples</li>
 <li>Bananas</li>

</ul>  

<h4>實心方塊 list:</h4>
<ul style="list-style-type:square">
 <li>Apples</li>
 <li>Bananas</li>
</ul>

有序列表ol（ordered list）

ol有序列表標籤
li 列表項

<ol>
	 <li>Coffee</li>
	 <li>Milk</li>
 </ol> 

展示爲：

1. Coffee
2. Milk

不通序號類型的列表：

<h4>數字 list:</h4>
<ol>
 <li>Apples</li>
 <li>Bananas</li>
</ol>  

<h4>大寫字母 list:</h4>
<ol type="A">
 <li>Apples</li>
 <li>Bananas</li>
</ol>  

<h4>小寫字母 letters list:</h4>
<ol type="a">
 <li>Apples</li>
 <li>Bananas</li>
</ol>  

<h4>羅馬數字  list:</h4>
<ol type="I">
 <li>Apples</li>
 <li>Bananas</li>
</ol>  

<h4>小寫羅馬數字 list:</h4>
<ol type="i">
 <li>Apples</li>
 <li>Bananas</li>
</ol>  

嵌套列表

無序列表的嵌套列表
不指定類型是以實心圓點、空心圓、實心方塊的默認排列

自定義列表

dl 自定義列表
dt 自定義列表項
dd 自定義列表項的描述

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>