2015年12月5日 星期六

HTML小技巧|項目格式

一、符號式
原始檔寫法輸出後結果
<UL>
<LI>東青龍
<LI>南朱雀
<LI>西白虎
<LI>北玄武
</UL>
  • 東青龍
  • 南朱雀
  • 西白虎
  • 北玄武

二、數字式(自動累加)
原始檔寫法輸出後結果
<OL>
<LI>東青龍
<LI>南朱雀
<LI>西白虎
<LI>北玄武
</OL>
  1. 東青龍
  2. 南朱雀
  3. 西白虎
  4. 北玄武

三、定義式(自動縮排定位)

原始檔寫法輸出後結果
<DL>
<DT>第一單元
<DD>東青龍
<DD>南朱雀
<DD>西白虎
<DD>北玄武
<DT>第二單元
<DD>東青龍
<DD>南朱雀
<DD>西白虎
<DD>北玄武
</DL>
第一單元
東青龍
南朱雀
西白虎
北玄武
第二單元
東青龍
南朱雀
西白虎
北玄武

四、巢狀式

原始檔寫法輸出後結果
<OL>
<LI>第一單元
<UL>
<LI>東青龍
<LI>南朱雀
<LI>西白虎
<LI>北玄武
</UL>
<LI>第二單元
<OL>
<LI>東青龍
<LI>南朱雀
<LI>西白虎
<LI>北玄武
</OL>
</OL>
  1. 第一單元
    • 東青龍
    • 南朱雀
    • 西白虎
    • 北玄武
  2. 第二單元
    1. 東青龍
    2. 南朱雀
    3. 西白虎
    4. 北玄武

五、整點說明(解析單一標籤)

<UL></UL>非排序性列表
<OL></OL>排序性列表
<LI>第一項目
<DT>主項目
<DD>次項目
HTML系列文章:

0 意見:

張貼留言

留個一針見血的評論吧!