按照順序，本節該介紹Dl标簽了，在介紹Dl标簽之前，我們必須要做的就是了解Dl标簽是做什麼用的，有什麼用處，知道需求之後我們才能夠更好的利用這個标簽，什麼樣的程式算是好程式呢？隻有使用者覺得好的程式才是好程式，因為軟體是給使用者用的，是以我們要做的就是全心全意為使用者服務，為使用者服務就是讓用操作友善。
Dl标簽經常用做分級，展現一種分層關系，下層項目屬于上層項目，下層項目間是平等關系，比如一個公司包含多個部門，而部門之間是平等關系。
Dl中包含Dt和Dd兩個标簽，Dt屬于上層，Dd屬于下層，但是Dd不能放入Dt中，Dt也不能放入Dd中，Dt和Dd都是Dl的子标簽，利用Dt和Dd能設計出非常直覺的層次清單。
Dl中還有Ul、Ol和Li三個标簽，其中Li标簽隻能放在Ul或者Ol中，而Ul和Ol标簽是設定各層清單子節點顯示的格式，二者都有各自的Type屬性，Ul有三個Type屬性值，分别是disc、circle和square，Ol有五個Type屬性值，分别是1、a、A、i、I，具體的效果，看看下面的例子大家就知道了。
例子：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<code><</code><code>html</code><code>></code>
<code><</code><code>head</code><code>></code>
<code><</code><code>title</code><code>>無标題文檔</</code><code>title</code><code>></code>
<code></</code><code>head</code><code>></code>
<code><</code><code>body</code><code>></code>
<code><</code><code>dl</code><code>></code>
<code> </code><code><</code><code>ul</code>
<code>type</code><code>=</code><code>"square"</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>人事資料</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>ol</code>
<code>type</code><code>=</code><code>"1"</code>
<code>start</code><code>=</code><code>"1"</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工資料</</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>人事合同料</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工作經曆</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工訪談</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>綜合報告</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>統計報表</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>職稱管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>教育訓練記錄</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code></</code><code>ol</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>人力資源</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code>type</code><code>=</code><code>"i"</code>
<code>start</code><code>=</code><code>"2"</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工技能</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>招聘計劃</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>應聘人員</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>問卷管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>教育訓練需求</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>教育訓練老師</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>檔案托管</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>工資管理</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code>type</code><code>=</code><code>"A"</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工資錄入</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工資報表</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工資查詢</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工資帳薄</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工資标準</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工存支</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工分管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>考勤管理源</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>ul</code>
<code>type</code><code>=</code><code>"circle"</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工排班</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>考勤日帳</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>考勤報表</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>考勤月帳</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code></</code><code>ul</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>績效考核</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code>type</code><code>=</code><code>"disc"</code><code>"></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>考核名額</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工考核</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>批次管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>累積分管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>考核報表</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dt</code><code>>辦公管理</</code><code>dt</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>證照管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>懲罰記錄</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>工傷管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>員工福利</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>獎勵記錄</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>物品管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code> </code><code><</code><code>li</code><code>><</code><code>dd</code><code>>車輛管理</</code><code>dd</code><code>></</code><code>li</code><code>></code>
<code></</code><code>dl</code><code>></code>
<code></</code><code>body</code><code>></code>
<code></</code><code>html</code><code>></code>
<code></code>
好了，這一節就到這裡，下一節将介紹HTML中的一些零散知識，下一節，再見！
![saiku3.14如何去掉登入頁和歡迎頁，以及免密登入[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)