DHTML【4】--HTML

2013-07-31 23:50:00

按照顺序，本节该介绍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中的一些零散知识，下一节，再见！

Web App开发 bi html缓存 html选择框 html静态 html选项卡 html手机

上一篇: DHTML【6】--CSS

下一篇: DHTML【3】--HTML

继续阅读