网站（五）HTML5列表元素

最新推荐文章于 2021-08-31 21:19:19 发布

原创最新推荐文章于 2021-08-31 21:19:19 发布 · 512 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记专栏收录该内容

38 篇文章

订阅专栏

本文介绍了HTML5中的列表元素，包括有序列表（ol）、无序列表（ul）和列表项（li）。展示了如何使用属性如type和reversed来改变列表的表现形式，并通过实例演示了列表的嵌套使用。

HTML5列表元素

ol：有序列表，属性有type（计数样式），reversed（倒序）
ul：无序列表
li：列表中的项

<!DOCTYPE html>  <!--让浏览器得知自己要处理的内容是html--> 
<!--这是注释-->

<html len="zh"><!--文档中html部分的开始， language = 简体中文-->

<head><!--提供有关文档内容和标注信息的-->

    <meta charset="UTF-8"><!--用UTF-8的方式将网页进行编码-->

    <title>CreateList</title><!--标题-->
</head>

<body>
<ol  type = "A"> <!--有序列表-->
    <li>a</li> <!--列表项-->
    <li>b</li>
    <li>c</li>
</ol>

<ol reversed> <!--倒序计数-->
    <li>Archer</li>
    <li>Lancer</li>
    <li>Caster</li>
</ol>

<ul> <!--无序列表-->
    <li>Servant</li>
    <ol type = "I"> <!--列表嵌套-->
        <li>Saber</li>
        <li>Lancer</li>
        <li>Rider</li>
        <li>Assassin</li>
        <li>Caster</li>
        <li>Archer</li>
        <li>Berserker</li>
    </ol>
    <li>Master</li>
</ul>

</body>
</html>

Result