DHTML【4】--HTML

简介:     按照顺序,本节该介绍Dl标签了,在介绍Dl标签之前,我们必须要做的就是了解Dl标签是做什么用的,有什么用处,知道需求之后我们才能够更好的利用这个标签,什么样的程序算是好程序呢?只有用户觉得好的程序才是好程序,因为软件是给用户用的,所以我们要做的就是全心全意为用户服务,为用户服务就是让用操作方便。

    按照顺序,本节该介绍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 >
   < ul type = "square" >
   < li >< dt >人事资料</ dt ></ li >
     < ol type = "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 >
     < ol type = "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 >
     < ol type = "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 >
     < ul type = "circle" >
     < li >< dd >员工排班</ dd ></ li >
     < li >< dd >考勤日帐</ dd ></ li >
     < li >< dd >考勤报表</ dd ></ li >
     < li >< dd >考勤月帐</ dd ></ li >
     </ ul >
   < li >< dt >绩效考核</ dt ></ li >
     < ul type = "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 >
     < ul type = "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中的一些零散知识,下一节,再见!

目录
相关文章
|
4天前
|
前端开发 JavaScript
html怎么学
【4月更文挑战第21天】html怎么学
11 3
|
4天前
什么是 HTML
什么是 HTML。
11 0
|
9月前
|
移动开发 前端开发 UED
HTML详解连载(2)
HTML详解连载(2)
|
8月前
|
Web App开发 前端开发 JavaScript
HTML初识
HTML初识
67 0
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
178 0
台球html游戏算法介绍
|
XML 数据格式 开发者
html 4.01
html 4.01
99 0
|
移动开发 前端开发 搜索推荐
HTML大总结(一)
HTML大总结(一)
73 0
|
Java 数据安全/隐私保护 C++
html的简单应用(二)
html的简单应用
175 0
|
Unix Windows

相关实验场景

更多