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-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)
- 2024-01-12程序员提效 x10 的必备开源“神器”
- 2024-01-11前端可以监控静态资源的时间吗-icode9专业技术文章分享