list元素

列表元素

列表元素分为有序列表和无序列表

有序列表

ol -- order list -- 有序列表

li -- list item -- 列表元素

html 复制代码
<ol type="1">
    <li>有序列表1</li>
    <li>有序列表2</li>
    <li>有序列表3</li>
</ol>

属性

  • type

    type属性可以定义列表显示序号的格式,如数字1表示1, 2, 3...;字母A表示A, B, C...,默认情况为数字1

    这个属性再html4中废弃,但是在html5中又被引用,可以使用csslist-style-type属性进行设置。

  • reversed

    布尔类型,有序列表的序号逆序显示,即原来的需要为1, 2, 3,现在变为3, 2, 1,而列表的内容是不变的;

无序列表

ul -- unorder list -- 无序列表

li -- list item -- 列表元素

html 复制代码
<ol>
    <li>无序列表1</li>
    <li>无序列表2</li>
    <li>无序列表3</li>
</ol>

定义列表

通常用于定义一些术语

dl -- definition list -- 定义列表

dt -- definition title -- 定义标题

dd -- definition description -- 定义描述

相关推荐
W.A委员会5 小时前
CSS中的单位
css·css3·html5
大黄说说15 小时前
大模型未来三年发展趋势及行业变革展望
html5
拉里呱唧15 小时前
一个像在使用PPT的在线 HTML 编辑器:HeyHTML
javascript·交互·html5
TT模板2 天前
苹果cms整合西瓜播放器XGplayer插件支持跳过片头尾
前端·html5
燐妤5 天前
前端HTML编程2:深入学习表单与表格
前端·学习·html5
我命由我123455 天前
JavaScript 开发 - 获取函数名称、获取函数参数数量、获取函数参数名称
开发语言·前端·javascript·css·html·html5·js
燐妤6 天前
前端HTML编程1:初识html
前端·html5
Yeats_Liao9 天前
后台 Sidebar 伸缩交互(PC + 移动端)实现
前端·javascript·css·html5
河阿里9 天前
HTML5标准完全教学手册
前端·html·html5
We་ct10 天前
HTML5 原生拖拽 API 实战案例与拓展避坑
前端·html·api·html5·拖拽