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中又被引用,可以使用css的list-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 -- 定义描述

相关推荐
yz_aiks8 小时前
WorkBuddy 怎么做网页小游戏:深海钓鱼游戏 43 次对话、301 积分从一句话做到发布(附手机横屏踩坑)
人工智能·html5·ai编程·小游戏·workbuddy
溪语流沙4 天前
【每天一个CSS | Day41】开关三连:一套状态机,三种视觉翻译
前端·css·html5·每日一练·按钮
web打印社区5 天前
Lodop在Edge和双核浏览器-先分清内核
前端·javascript·edge·pdf·ecmascript·html5
gCode Teacher 格码致知9 天前
前端教学8:提高 CSS 选择器的优先级,有哪些方法?
前端·css·html5
CappuccinoRose9 天前
滚动交互体系
前端·javascript·交互·html5·1024程序员节
溪语流沙12 天前
【每天一个CSS | Day33】聚焦即弹出的命令面板
前端·css·html5·组件·每日一练
java1234_小锋13 天前
【技术专题】HTML5 网页技术 - Web Storage 本地存储 & 文件 API & 拖放 API
前端·html·html5
林恒smileZAZ13 天前
浏览器为什么加载不了超大图片
前端·vue.js·html5
java1234_小锋14 天前
【技术专题】HTML5 网页技术 - HTML5 SVG
前端·html·html5
java1234_小锋15 天前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5