HTML列表元素
2021/12/21 23:24:50
本文主要是介绍HTML列表元素,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
列表元素:
列表是块级元素,HTML 包含专门用于创建列表的元素,共有 3 种类型的列表,分别是无序列表、有序列表、描述列表。
可以在一个列表中其他另外一个或者多个列表,并且,一种类型的列表可以与任意类型的列表相互嵌套。列表的表项可以与任何HTML元素(如段落、图片、链接等)交叉定义。
所有的列表都是由父元素和子元素构成,父元素用于指定要创建的列表类型,子元素用于指定要创建的列表项。
元素名 | 用法 | 批注 |
ul | 无序列表 | 列表项目符号类型用css配置 |
ol | 有序列表 | 可使用type属性指定列表排序符号,start属性确定起始值,reversed属性设置属性值为reversed配置降序 |
li | 有序列表和无序列表的列表项 | 无 |
dl | 描述列表 | 无 |
dt | 描述列表的描述对象 | 无 |
dd | 描述列表的描述内容 | 无 |
三种列表的基本结构:
无序列表:
~~
<ul>
<li></li>
<li></li>
<li></li>
</ul>
~~
有序列表:
~~
<ul>
<li></li>
<li></li>
<li></li>
</ul>
~~
描述列表:
~~
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
~~
补充:
1.有序列表的类型属性
属性值 | 符号 |
1 | 数字 |
A | 大写字母 |
a | 小写字母 |
I | 罗马数字 |
2.无序列表的类型属性
属性值 | 符号 |
disc | 默认。实心圆 |
circle | 空心圆 |
square | 实心方块 |
decimal | 数字 |
这篇关于HTML列表元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15AntDesign项目实战:新手入门与初级应用教程
- 2024-11-15AntDesign-Form-rules项目实战:新手指南
- 2024-11-14ESLint课程:初学者指南
- 2024-11-14Form.List 动态表单课程:新手入门教程
- 2024-11-14Redux课程:新手入门完全指南
- 2024-11-13MobX 使用入门教程:轻松掌握前端状态管理
- 2024-11-12前端编程资料:新手入门指南与初级教程
- 2024-11-12前端开发资料入门指南
- 2024-11-12前端培训资料:适合新手与初级用户的简单教程
- 2024-11-12前端入门资料:新手必读指南