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

相关推荐
木头程序员1 小时前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5
WebGISer_白茶乌龙桃9 小时前
Cesium实现“悬浮岛”式,三维立体的行政区划
javascript·vue.js·3d·web3·html5·webgl
Pilot-HJQ1 天前
固定 Element UI 表格表头的方法(超简单)
vue.js·学习·css3·html5
ybb_ymm2 天前
html中的标签与实体
html5
.又是新的一天.4 天前
【前端Web开发HTML5+CSS3+移动web视频教程】01 html- 标签之文字排版、图片、链接、音视频
前端·css3·html5
sheji34164 天前
【开题答辩全过程】以 基于HTML5的移动端网页设计为例,包含答辩的问题和答案
前端·html·html5
Serendipity_Carl6 天前
Django入门-小白教程
后端·python·pycharm·django·html5
ヤ鬧鬧o.7 天前
IDE风格的布局界面
javascript·html5
qq_406176147 天前
什么是模块化
开发语言·前端·javascript·ajax·html5
HIT_Weston8 天前
85、【Ubuntu】【Hugo】搭建私人博客:文章目录(四)
linux·ubuntu·html5