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

相关推荐
涔溪2 天前
HTML5 实现的圣诞主题网站源码,使用了 HTML5 和 CSS3 技术,界面美观、节日氛围浓厚。
css3·html5·节日
Amy.Wang2 天前
前端如何实现电子签名
前端·javascript·html5
veminhe2 天前
html怎么设置html5
html·html5
失落的多巴胺3 天前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
veminhe13 天前
HTML5 浏览器支持
前端·html·html5
伍哥的传说13 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
veminhe14 天前
HTML5简介
前端·html·html5
蹦极的考拉18 天前
在使用 HTML5 的 <video> 标签嵌入视频时,有时会遇到无法播放 MP4 文件的问题
前端·音视频·html5
木木黄木木18 天前
HTML5 火焰字体效果教程
前端·html·html5
于本淡18 天前
一篇文章快速学会HTML
开发语言·前端·数据结构·qt·html·json·html5