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 -- 定义描述

相关推荐
这儿有一堆花8 小时前
VAST视频广告技术实现:从零开始搭建视频广告投放系统
音视频·html5
YUJIANYUE11 小时前
html5+css3+canvas长文转长图工具支持换行
前端·css3·html5
coding随想2 天前
深入浅出HTML5 CSS类扩展:getElementsByClassName和classList属性
前端·css·html5
典学长编程3 天前
前端开发(HTML,CSS,VUE,JS)从入门到精通!第一天(HTML5)
javascript·css·html·html5
全球网站建设3 天前
从结构到交互:HTML5进阶开发全解析——语义化标签、Canvas绘图与表单设计实战
javascript·前端框架·php·reactjs·css3·html5
低代码布道师4 天前
HTML5 `<figure>` 标签:提升网页语义化与可访问性的利器
前端·html·html5
有事没事实验室5 天前
node.js中的path模块
前端·css·node.js·html·html5
OEC小胖胖5 天前
组件化(一):重新思考“组件”:状态、视图和逻辑的“最佳”分离实践
前端·javascript·html5·web
Darling02zjh6 天前
HTML5
前端·html·html5
Micro麦可乐8 天前
前端拖拽排序实现详解:从原理到实践 - 附完整代码
前端·javascript·html5·拖拽排序·drop api·拖拽api