網路城邦
回本城市首頁 八樂屋
市長:balawu  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市資訊科技網路分享【八樂屋】城市/討論區/
討論區教學區 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
項目列表(有序列表)
 瀏覽3,343|回應6推薦2

balawu
等級:7
留言加入好友
文章推薦人 (2)

咩咩布屋
傑玉

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457565
 回應文章
巢狀的例子(語法)
推薦1


balawu
等級:7
留言加入好友

 
文章推薦人 (1)

不會游的魚

<ol type="1">

<li>宜蘭縣<ol type="A"><li>頭城鎮<ol type="a"><li>城東里</li><li>城西里</li><li>城南里</li><li>...</li></ol></li><li>羅東鎮</li><li>...</li></ol></li>

<li>台北縣<ol type="A"><li>板橋市</li><li>新店市</li><li>...</li></ol></li>

<li>桃園縣<ol type="A"><li>大溪鎮</li><li>中壢市</li><li>...</li></ol></li></ol>

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457635
巢狀的例子
推薦0


balawu
等級:7
留言加入好友

 

  1. 宜蘭縣
    1. 頭城鎮
      1. 城東里
      2. 城西里
      3. 城南里
      4. ...
    2. 羅東鎮
    3. ...

  2. 台北縣
    1. 板橋市
    2. 新店市
    3. ...

  3. 桃園縣
    1. 大溪鎮
    2. 中壢市
    3. ...
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457634
其它的編號(語法)
推薦1


balawu
等級:7
留言加入好友

 
文章推薦人 (1)

傑玉

蛋炒飯材料:<ol><li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
蛋炒飯材料:<ol type="A"><li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
蛋炒飯材料:<ol type="a"> <li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
蛋炒飯材料:<ol type="I"> <li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
蛋炒飯材料:<ol type="i"> <li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
蛋炒飯材料:<ol type="1"> <li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457603
其它的編號
推薦0


balawu
等級:7
留言加入好友

 
蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意

蛋炒飯材料:
  1. 蛋:數顆
  2. 米:若干
  3. 調味料:少許
  4. 其它:隨意
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457600
語法說明
推薦0


balawu
等級:7
留言加入好友

 

當我們想要把資料一項一項地條列出來,此時可利用這種項目列表的語法,在這個例子中我們使用的是「有序列表」(Ordered List, 簡稱OL),另外還有一種「無序列表」(Unordered List, 簡稱UL),用法差不多下次再舉例說明,現在先來說明「有序列表」,只有二組語法:

  1. <ol>....</ol> :記得一件事,語法應該都是成雙成對出現,所以開始用<ol>,結束就要用</ol>,ol代表每一個項目都要用數字來編號排序(其實也可以用ABC來編號排序)
  2. <li>....</li> :一組<li>的語法代表一個項目,以本例而言,有四個項目,所以就要有四組<li>...</li>語法

如果不想用數字,那麼還可以有其它的選擇,只要在<ol>語法中,加上 type="#"的屬性就可以,# 的內容可以是以下的項目:

  • type="A":用大寫的英文字母(A~Z)來編號
  • type="a":用小寫的英文字母(a~z)來編號
  • type="I":用大寫的羅馬數字(I, II, III)來編號
  • type="i":用小寫的羅馬數字(i, ii, iii)來編號
  • type="1":用阿拉伯數字(1, 2, 3..)來編號, 預設值, 不指定type 屬性就是用數字來編號了

請參考下一個例字。

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457594
語法
推薦0


balawu
等級:7
留言加入好友

 
蛋炒飯材料:<ol><li>蛋:數顆</li><li>米:若干</li><li>調味料:少許</li><li>其它:隨意</li></ol>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2457568