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

相关推荐
平头哥技术团队19 小时前
Day 13 | 调 line-height 和 margin:三处间距让名片页脱离模板感
开发语言·前端·javascript·学习·html5
大模型码小白5 天前
数据可视化:AI处理多维数据的HTML5可视化方案
大数据·前端·javascript·人工智能·机器学习·信息可视化·html5
小江的记录本6 天前
【CSS】CSS 核心:盒模型、BFC/IFC、Flex/Grid 布局、响应式布局、移动端适配(附《思维导图》)
前端·css·面试·前端框架·tensorflow·html5·xss
我命由我123456 天前
JS Mock(Mock 拦截请求的前提、Mock 使用、关闭 Mock)
开发语言·前端·javascript·前端框架·html·html5·js
小江的记录本6 天前
【HTML】HTML5 新特性、语义化标签、浏览器渲染流程(附《思维导图》)
前端·css·面试·前端框架·html·css3·html5
ly768914 天前
HTML5 从入门到工程实践:语义化、表单、多媒体、性能与项目规范详解
前端·html·html5
WL_arm16 天前
Vibe Coding(氛围编程)入门
javascript·css·人工智能·html5
SendTomo19 天前
send.wang(私传网)基于网页P2P直连传输大文件的优势
javascript·网络·webrtc·html5·p2p
二级小助手20 天前
二级Web前端选择题高频真题20道与考场避坑笔记
javascript·css3·html5·web前端·计算机二级·二级web·web真题
SendTomo21 天前
SendTomo稳定传输三大核心策略
javascript·网络协议·webrtc·html5·p2p