网站（五）HTML5列表元素

关注

原创最新推荐文章于 2026-04-29 12:15:00 发布 549 阅读 AI 写同款· GEO 优化 ›

HTML5实现简洁的端午节节日网站源码 HTML5实现简洁的端午节节日网站源码，酷炫的大气简洁端午节节日网页源码，酷炫的大气简洁端午节节日网页源码模板，HTML酷炫的大气简洁端午节节日网页源码，内置酷炫的动画，界面干净整洁，页面主题清晰，页面模板示例规范，可以根据板块定义自己主题内容，全方位介绍内容，可以拆分多个想要的页面，可以扩展自己想要的，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。阅读详情

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>