條列式清單及編號清單 ol, ul

以下我們用實際的 html code 做示範

<!-- ul條列式清單, Unordered List --><ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

<!-- ol編號清單, Ordered List -->
<ol>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>
 

除此之外, 我們亦可加入一些其他的功能, 參考如下

增加 type 屬性

type屬性
1:默認(1, 2, 3, 4, 5)
a:小寫字母 (a, b, c, d, e)
A:大寫字母(A, B, C, D, E)
i:小寫羅馬字母(i, ii, iii, iv)
I:大寫羅馬字母(I, II, III, IV)

<ol type="I">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ol>
<ol type="i">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ol>
<ol type="a">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ol>
<ol type="A">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ol>
<ol type="1">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ol>

指定排序

<ol start = 10>
  <li>第一個列表項
  <li>第二個列表項
  <li>第三個列表項
</ol>

這邊 type 與 start 可以並用喔

<ol type="I" start="10">
  <li>列表項</li>
  <li>列表項</li>
  <li>列表項</li>
</ol>
Scroll to Top