MENU

HTML5+CSS3学习笔记

• 2022 年 12 月 20 日 • 阅读: 1020 • 学习笔记,前端开发

列表元素

  • 为了使网页更易读,经常将网页信息以列表的形式呈现。html 语言提供了 3 种常用的列表元素,ul 为无序列表,ol 为有序列表,dl 定义列表。

ul 元素

  • 无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>
  • 在上面的语法中,ul 标记用于定义无序列表,li 标记嵌套在 ul 标记中,用于描述具体列表项,每对 ul 标记中至少包含一对 li 标记。

ol 列表

  • 有序列表即为有排列顺序的列表,其各个列表项按照顺序排列,例如网易云音乐热歌榜。
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>
  • 在上面语法中 ol 标记用于定义有序列表,li 为具体的列表项,和无序列表相似,每对 ol 中也至少包含一对 li。
  • ol 元素还拥有 start 属性和 reversed 属性,start 属性可以改变列表标号的起始值,reversed 属性表示是否对该列表进行反向排序,默认值为 ture。
<ol start="2" reversed="ture">
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

本文作者:LiuXiaoBai
文章标题:HTML5+CSS3学习笔记
本文地址:https://www.ounoe.com/archives/359
版权说明:若无注明,本文皆刘小白的小窝原创,转载请保留文章出处。

返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码