HTML简单列表元素（有序列表和无序列表）

最新推荐文章于 2024-09-14 17:14:08 发布

pythonset

最新推荐文章于 2024-09-14 17:14:08 发布

阅读量131

点赞数

分类专栏： html 文章标签：前端 html

本文链接：https://blog.csdn.net/pythonset/article/details/127495366

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

列表元素

有序列表

ol： ordered list

li： list item

无序列表

把 ol改成ul

ul：unordered list

无序列表常用于制作菜单或者新闻列表

定义列表

通常用于一些术语的定义

dl：definition list

dt: definition title

dd: definition descrption

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=o, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--有序列表-->
    <h1>走进汽车分几步</h1>
    <ol type="1">
        <li>
            打开车门
        </li>
        <!--shift+alt+下箭头复制  reversed 倒叙-->
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>
        <li>左脚跨入</li>
        <li>右脚跨入</li>
        <li>发动汽车</li>

    xx美女的择偶条件:

   
    </ol>
    <!--无序列表-->
    <ul>
        <li>1</li>
        <li>2</li>
        <li>1</li>
        <li>2</li>
        <li>1</li>
        <li>2</li>
        <li>1</li>
        <li>2</li>
    </ul>
    <!--定义列表-->
    <dl>
        <dt>HTML</dt>
        <dd>
            超文本
        </dd>
        <dt>
           元素
        </dt>
        <dd>组成单元</dd>
    </dl>
</body>
</html>