html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用

html中dl,dt,dd,ul,li,ol标签区别和使用

时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网

| 本文已影响 人

ul: unordered lists

ol: ordered lists

li: Lists

ol 有序列表:

  1. ……
  2. ……
  3. ……

表现为:

1……

2……

3……

ul 无序列表,表现为li前面是大圆点而不是123:

  • ……
  • ……

很多人容易忽略 dl dt dd的用法:

dl 内容块

dt 内容块的标题

dd 内容

可以这么写:

标题
内容1
内容2

dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。

LI代码的格式化:

A).运用CSS格式化列表符:

以下是引用片段:

ul li{

list-style-type:none;

}

B).如果你想将列表符换成图像,则:

以下是引用片段:

ul li{

list-style-type:none;

list-style-image: url(/blog/images/icon.gif);

}

C).为了左对齐,可以用如下代码:

以下是引用片段:

ul{

list-style-type:none;

margin:0px;

}

D).如果想给列表加背景色,可以用如下代码:

以下是引用片段:

ul{

list-style-type: none;

margin:0px;

}

ul li{

background:#CCC;

}

E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

以下是引用片段:

ul{ list-style-type: none; margin:0px; }

ul li a{ display:block; width: 100%; background:#ccc; }

ul li a:hover{ background:#999; }说明:display:block;这一行必须要加的,这样才能块状显示!

F).LI中的元素水平排列,关键FLOAT:LEFT:

以下是引用片段:

ul{

list-style-type:none;

width:100%;

}

ul li{

width:80px;

float:left;

}

  • 的区别
  • 的参数设定(常用):

    例如:

  • type="square"

    只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":

    以下是引用片段:

    符号 是当 type="disc" 时的列项符号。

    符号 if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。

    符号 是当 type="square" 时的列项符号。

    value="4"

    只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

    • 称为无序清单标记。

    所谓无序清单就是在每一项前面加上 、、等符号,故又称符号清单。

    • 的参数设定(常用):

    例如:

    type="square"

    设定符号款式,其值有三种,如下,内定为 type="disc":

    以下是引用片段:

    符号 是当 type="disc" 时的列项符号。

    符号 是当 type="circle" 时的列项符号。

    符号 是当 type="square" 时的列项符号。

    • 是项目列表,
    • 是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点,还有一个是
      1. 这个是编号列表,用数字来列的,也是用
      2. 做列表项
      3. 是 list item 即列表项,但列表有很两种,所以外面得有
        • 或者
        1. 用来区别无序列表(小点点)和有序列表(1,2,3...)。

        (责任编辑:我爱学习网)

        更多技巧文章请关注公众号:huixiang_360

        分享到:

        更多

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/503218.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

国家开放计算机应用基础模块1答案,完整word版,《国家开放大学学习指南》计算机应用基础网上作业答案(完整版)...

作业1(本次作业覆盖“模块1 Windows 7 操作系统”的内容,请在学完模块1后完成本次作业,要求第8周内完成。满分为40分,其中基础知识部分10分,Windows 7部分20分,网络部分10分。单选题50道、填空题50道)基础知识选择题(共…

webview 本地 html空白,WKWebView加载本地html遇到的坑与解决办法

1、字体变小解决办法Swiftlet headerString ""self.wkwebview.loadHTMLString(headerString.appending(html), baseURL: nil)Objective-CNSString *headerString "";[strongSelf.contentWebView loadHTMLString:[headerString stringByAppendingString:m…

偷用计算机作文,偷玩电脑作文5篇

偷玩电脑作文5篇篇一:偷玩电脑的滋味星期天,我在家里看电视,妈妈很晚才回来,我只好在家等,看了一会,电视节目没了,我把电视关掉,看了会书消磨时间,我又写了会作业&#x…

中科院计算机学院王宏,王宏-中国科学院大学-UCAS

发表论文(1) SIL verification for SRS with diverse redundancy based on system degradation using reliability block diagram, Reliability Engineering and System Safety, 2017, 第 2 作者(2) New considerations for SIL verification of functional safety fieldbus co…

钢铁厂计算机相关岗位需要倒班吗,钢铁厂工人倒班的三个阶段,请对号入座!...

原标题:钢铁厂工人倒班的三个阶段,请对号入座!刚开始钢铁厂倒班工作,感觉倒班好,夜班有啥,通宵可以感受夜的宁静,深夜闲暇之余还可以仰望星空,思考人生,白天自由时间多&a…

计算机文化基础B卷期末,《计算机文化基础》上机试卷B

课程代码: 座位号:新疆大学2008- 2009 学年度第一学期期末考试《计算机文化基础》上机试卷姓名: 学号: 专业:学院: 班级:2008年 12月注意事项:在试卷上必须注明学号、姓名否则成绩以“零”分计算完成以下各题后,将应用程序窗口最小…

win7查看 本地计算机策略,win7系统本地组策略编辑器打不开怎么办

本地组策略编辑器是win7系统的管理控制台,通过本地组策略编辑器可以禁止通过本地组策略、禁止对某些任务使用脚本等设置。有些win7 64位系统的用户发现,本地组组策略编辑器打不开了,这是怎么回事呢?会出现这种情况很有可能是控制台…

苹果x计算机按键有声音吗,iPhoneX拍照总有声音怎么办?拨动静音键即可关闭拍照声!...

我们知道,国行iPhoneX拍照默认是有声音的,完成拍照一瞬间会发出发发出咔的拍照音。不过,我们有时候在夜间或者安静环境下,想要静音拍照,那么该怎么做呢。下面小编详细介绍下iPhoneX相机声音关闭方法,希望对…

计算机打字测速,电脑的打字测速软件分享

对于电脑工作人员来说,打字是我们每天都会接触的,作为网站编辑来说,每天就是打字,打字,打字,因此,打字速度一定不能慢,不然就会大大的影响工作效率。下面是学习啦小编为大家整理的关…

2012服务器系统安装iis,Windows Server 2012服务器管理系统安装配置IIS8.5教程

IIS8.0是windows Server2012自带的服务器管理系统,和以往不同,IIS8.0安装和操作都比较简单,界面很简洁,安装也很迅速。今天我们重点完整的演示下windows server 2012上面配置IIS8.5的详细安装。windows server 2012上面配置IIS8.5…

nextcloud显示服务器处于维护模式,急急急!!!Nextcloud内部服务器错误

本帖最后由 husthyx 于 2019-8-17 11:33 编辑老毛子固件,通过ONMP安装,nextcloud是最新版本16.0.4,配置完成后输入帐号密码登陆,出现“内部服务器错误”,服务器日志如下:{"reqId":"1NwssUrQYmV1d9ELSrZ…

正在等待语音服务器回应,Python如何突破正在等待服务器响应的阻塞生成器?

我想添加一个错误处理程序,它可以在出现internet连接问题时停止转录过程。我创建了一个连接监视器线程,每隔几秒钟检查一次internet连接,并将设置一个标志isConnectionError True。在我设法停止音频录制生成器进程,但无法停止另一…

Java9个异常处理的最佳实践

在本文中,作者介绍了9个处理异常的最佳方法与实践,以举例与代码展示结合的方式,让开发者更好的理解这9种方式,并指导读者在不同情况下选择不同的异常处理方式。 以下为译文: Java中的异常处理不是一个简单的话题。初学…

formidable ajax上传,nodejs+express+ajax实现图片上传及显示

图片上传:页面aja中比需抖接朋功要朋插x写法var data new FormData();var files $("#idFile")[0].files;if(files){data.append("file", files[0]);data.append("CompanyPicAddress","");data.append("CompanyNameC…

小白零基础怎么学习Java?不要慌

近年来,Java视频逐渐取代了“书籍”的作用,许多初学者已经将视频视为最重要的学习方式。然而,通过对java自学的长期观察和研究,我们发现书籍和视频都有自己的作用。阅读和观看视频对于Java学习者来说是不可或缺的。但是&#xff0…

服务器的虚拟内存怎么调,服务器的虚拟内存怎么调才好

服务器的虚拟内存怎么调才好 内容精选换一换华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快速上手使用华为云服务。开启弹性云服务器的虚拟内存后,会导致硬盘…

Java小白零基础学习如何突破自己的方法

有很多Java程序员在学习之初经常对如何学习感到困惑。本文将分析如何学习Java编程,并相信它可以帮助处于混乱状态的初学者。 I.培养兴趣 兴趣是可以让你继续前进的动力。如果你只是把这个程序写成谋生手段,那么你将会非常疲惫,更关心这个行…

修改epo服务器 gps,epo

EPO是促红细胞生成素(Erythropoietin)的英文简称。人体中的促红细胞生成素是由肾皮质肾小管周围间质细胞和肝脏分泌的一种激素样物质,能够促进红细胞生成。服用促红细胞生成素可以使患肾病贫血的病人增加血流比溶度(即增加血液中红细胞百分比)。人体缺氧时&#xff…

ug使用服务器系统,ug服务器设置教程视频

ug服务器设置教程视频 内容精选换一换本教程旨在演示使用GDS(General Data Service)工具将远端服务器上的数据导入GaussDB(DWS)中的办法,帮助您学习如何通过GDS进行数据导入的方法。在本教程中,您将:生成本教程需要使用的CSV格式的数据源文件…

目前Java编程语言最流行的7个框架,你了解多少?

小编有看到过很多文章写Java快要被取代了,但到目前为止Java软件开发也一直坚持主导地位。毫无疑问,Java是目前最流行的编程语言之一,小编今天总结了2018年流行的框架,相信2019年也不会让我们失望。 1,SpringMVC 在中国…