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中的一些零散知识,下一节,再见!

目录
相关文章
|
2月前
|
存储 移动开发 缓存
html5
html5
13 4
|
10月前
|
移动开发 搜索推荐 HTML5
什么是HTML?
互联网上的应用程序被称为Web应用程序,Web应用程序使用Web文档(网页)来表现用户界面,而Web文档都遵循标准HTML格式。HTML5是最新的HTML标准。之前的版本HTML4.01于1999年发布。20多年过去了,互联网已经发生了翻天覆地的变化,原有的标准已经不能满足各种Web应用程序的需求。本篇带大家一起了解HTML的基础,介绍HTML的定义及历史概貌。
71 0
什么是HTML?
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
170 0
台球html游戏算法介绍
|
前端开发
你可能不知道的HTML小技巧(下)
今天来分享一些HTML小技巧~
|
Web App开发 移动开发 前端开发
HTML5关于contenteditable介绍
HTML5已经从一个新的名词变成了我们在项目中经常用到的东西了,今天我们就来分析一番其中contenteditable 。
148 0
|
前端开发 JavaScript API
|
移动开发 HTML5
趣味小应用:用HTML5消磨时光
HTML5 渐入佳境,它强大的功能正被逐渐挖掘出来,各种实验性应用层出不穷,本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用,它们非常有趣。当你体验完这几个小应用,会发现HTML5 比你想象的更强大。
1288 0