DHTML【4】--HTML

按照顺序,本节该介绍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

<html>

<head>

<title>列表标签例子</title>

</head>


<body>


<dl>

 <ultype="square">

 <li><dt>人事资料</dt></li>

   <oltype="1"start="1">

   <li><dd>员工资料</li>

   <li><dd>人事合同料</dd></li>

   <li><dd>工作经历</dd></li>

   <li><dd>员工访谈</dd></li>

   <li><dd>综合报告</dd></li>

   <li><dd>统计报表</dd></li>

   <li><dd>职称管理</dd></li>

   <li><dd>培训记录</dd></li>

   </ol>

 <li><dt>人力资源</dt></li>

   <oltype="i"start="2">

   <li><dd>员工技能</dd></li>

   <li><dd>招聘计划</dd></li>

   <li><dd>应聘人员</dd></li>

   <li><dd>问卷管理</dd></li>

   <li><dd>培训需求</dd></li>

   <li><dd>培训老师</dd></li>

   <li><dd>档案托管</dd></li>

   </ol>

 <li><dt>工资管理</dt></li>

   <oltype="A">

   <li><dd>工资录入</dd></li>

   <li><dd>工资报表</dd></li>

   <li><dd>工资查询</dd></li>

   <li><dd>工资帐薄</dd></li>

   <li><dd>工资标准</dd></li>

   <li><dd>员工存支</dd></li>

   <li><dd>工分管理</dd></li>

   </ol>

 <li><dt>考勤管理源</dt></li>

   <ultype="circle">

   <li><dd>员工排班</dd></li>

   <li><dd>考勤日帐</dd></li>

   <li><dd>考勤报表</dd></li>

   <li><dd>考勤月帐</dd></li>

   </ul>

 <li><dt>绩效考核</dt></li>

   <ultype="disc"">

   <li><dd>考核指标</dd></li>

   <li><dd>员工考核</dd></li>

   <li><dd>批次管理</dd></li>

   <li><dd>累积分管理</dd></li>

   <li><dd>考核报表</dd></li>

   </ul>

 <li><dt>办公管理</dt></li>

   <ultype="square">

   <li><dd>证照管理</dd></li>

   <li><dd>惩罚记录</dd></li>

   <li><dd>工伤管理</dd></li>

   <li><dd>员工福利</dd></li>

   <li><dd>奖励记录</dd></li>

   <li><dd>物品管理</dd></li>

   <li><dd>车辆管理</dd></li>

   </ul>

   </ul>

</dl>


</body>

</html>

好了,大家好好体会一下上面的代码,并且根据显示效果、帮助文档以及自己的联想设计出更出色的层次列表结构,好的,这一节就到这里,下一节将介绍HTML中的一些零散知识,下一节,再见!


你可能感兴趣的:(标签,项目,程序,做什么)