08.HTML列表

  • 无序列表

<ul>定义无序列表
<li>定义列表内容
type属性,定义无序列表前饰的展现形式
示例:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <ul type="square">
            <li>内容1</li>
            <li>内容2</li>
            <ul>
                <li>嵌套1</li>
                <li>嵌套2</li>
            </ul>
        </ul>
    </body>
</html>
展示图片
  • 有序列表

<ol>定义有序列表
<li>定义列表内容
type属性,定义排序类型
示例:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <ol type="A">
            <li>内容1</li>
            <li>内容2</li>
            <ol>
                <li>嵌套1</li>
                <li>嵌套2</li>
            </ol>
        </ol>
    </body>
</html>
展示图片
  • 定义列表

主要适用于名词解释等用处
<dl>定义定义列表
<dt>定义定义项目
<dd>定义项目描述
示例:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <dl>
            <dt>项目1</dt>
            <dd>此为项目1的解释</dd>
            <dt>HTML</dt>
            <dd>是一门标签描述语言</dd>
        </dl>
    </body>
</html>
示例图片
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,956评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,099评论 19 139
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,650评论 32 459
  • 【飞箝第五】 原文(5.3)将欲用之于天下,必度权量能,见天时之盛衰,制地形之广狹,岨(zu)崄(xian)之难易...
    瀚王阅读 207评论 0 0
  • 朋友七年前来过大理,她说她脑海中的大理是猫咪躺在老人身上老人躺在摇椅上的慵懒。 朋友一号晚上到机场,我去接她,没想...
    雾灯灯阅读 438评论 16 4