博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
列表相关元素及其属性
阅读量:6999 次
发布时间:2019-06-27

本文共 1341 字,大约阅读时间需要 4 分钟。

HTML5保留了如下几个列表相关元素:无序列表<ul>、有序列表<ol>、自定义列表<dl>

  1、<ul>:定义无序列表,可以指定id、style、class等属性,还可以指定onclick等事件属性。

  2、<ol>:定义有序列表,可以指定id、style、class等属性,还可以指定onclick等事件属性。除此之外,在HTML5规范中,该元素还可以指定如下三个属性

  • start:指定列表项的起始数字
  • type:指定使用哪种类型的编号,例如1代表使用数字,A或a分别代表用大写或小写字母,I或i代表使用大写或小写罗马数字。但该属性在HTML规范中已经不推荐使用了,推荐使用CSS来定义。
  • reversed:该属性指定是否将排序反转。该属性是HTML 5新增的属性。

例如如下代码:

    

定义反序的有序列表

  1. 薯片
  2. 牛奶
  3. 巧克力

定义从3开始的有序列表

  1. 薯片
  2. 牛奶
  3. 巧克力

定义使用小写字母编号的有序列表

  1. 薯片
  2. 牛奶
  3. 巧克力

定义使用小写罗马数字、从4开始的有序列表

  1. 薯片
  2. 牛奶
  3. 巧克力

其运行结果如下:

  3、<dl>:用于定义术语列表。自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始

  • <dt>:定义标题列表项。可以指定id、style、class等属性,还可以指定onclick等事件属性。该元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等
  • <dd>:定义普通列表项。该元素可以包含与<div../>完全类似的内容。

例如如下代码:

    

dt定义标题、dd定义解释

Java
Java是一门广泛使用的、跨平台的开发语言
Java简介
Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。
Java语言作为静态面向对象编程语言的代表,极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程

运行结果如下:

转载于:https://www.cnblogs.com/web12/p/9880103.html

你可能感兴趣的文章
EasyUI表格columns单元格正确显示时间格式
查看>>
字体描边 终极版
查看>>
canvas元素简易教程(10)(转自火狐,自己只写了简单的代码分析)
查看>>
Scala下划线_使用
查看>>
2018-2019-1 20165324 《信息安全系统设计基础》第三周 缓冲区溢出漏洞实验
查看>>
centos 7.3二进制安装mariadb10.2.8完美步骤
查看>>
Mysql实现企业级日志管理、备份与恢复实战
查看>>
linux网卡eth1如何修改为eth0
查看>>
poj 3525 凸多边形多大内切圆
查看>>
Android UI:ListView -- SimpleAdapter
查看>>
理解nginx的配置
查看>>
UserWarning: Method on_batch_end() is slow compared to the batch update. Check your callbacks.
查看>>
.net序列化与反序列化
查看>>
【Android-3】Android中的任务栈(Task)
查看>>
maven
查看>>
Java反射
查看>>
旅行线路
查看>>
内存溢出和内存泄漏的区别、产生原因以及解决方案
查看>>
ns3重要类
查看>>
springboot2.1.5集成单节点elasticsearch6.4.0
查看>>