列表標簽 比如現在顯示這樣的效果 山水集團 財務部 學工部 人事部 <dl></dl> : 表示列表的範圍 在dl裡面 <dt></dt>:上層內容(沒有縮進) 在dl裡面 <dd></dd>: 下層內容(有縮進) 代碼: 想要在頁面上顯示這樣的內容(有序列表) 1.財務部 2.學工部 3.人事部 ...
列表標簽
比如現在顯示這樣的效果
山水集團
財務部
學工部
人事部
<dl></dl> : 表示列表的範圍
在dl裡面 <dt></dt>:上層內容(沒有縮進)
在dl裡面 <dd></dd>: 下層內容(有縮進)
代碼:
<dl> <dt>山水集團</dt> <dd>財務部</dd> <dd>學工部</dd> <dd>人事部</dd> </dl>
想要在頁面上顯示這樣的內容(有序列表)
1.財務部
2.學工部
3.人事部
a.財務部
b.學工部
c.人事部
i.財務部
ii.學工部
iii.人事部
<ol></ol> : 有序列表的範圍
屬性 type : 設置排序的方式 1(預設) a i
在ol標簽裡面 <li>具體內容</li>
代碼:
<ol type="a">
<li>財務部</li>
<li>學工部</li>
<li>人事部</li>
</ol>
想要在頁面上顯示這樣的效果(無序列表)
特殊符號(方框) 財務部
特殊符號(方框) 人事部
<ul></ul>:表示無序列表的範圍
屬性: type:空心圓(circle)、實心圓(disc)、實心方塊(Square)、預設是disc
在ul裡面 <li></li>
代碼
<ul type="square"> <li>財務部</li> <li>學工部</li> <li>人事部</li> </ul>
完整代碼:
<html> <head> <title>World</title> </head> <body> <!-- 演示列表標簽 --> <dl> <dt>山水集團</dt> <dd>財務部</dd> <dd>學工部</dd> <dd>人事部</dd> </dl> <hr/> <!-- 有序列表 --> <ol type="a"> <li>財務部</li> <li>學工部</li> <li>人事部</li> </ol> <hr/> <!--無序列表--> <ul type="square"> <li>財務部</li> <li>學工部</li> <li>人事部</li> </ul> </body> </html>