HTML列表标签

追梦女孩ii

已于 2024-06-22 11:47:50 修改

阅读量206

点赞数 5

分类专栏： HTML 文章标签： tensorflow 人工智能 python html 前端数据分析

于 2024-06-18 19:28:28 首次发布

本文链接：https://blog.csdn.net/m0_61566562/article/details/139781634

版权

HTML 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--    列表标签（三种）
        ul 无序列表  unordered list(掌握)  li
        ol 有序列表  ordered list0        li
        dl 自定义列表（一般是和css结合）     dt dd
    -->

<!--    ul
        包含一个标签  li
            li标签里还可以放很多其他标签
        列表前方会默认有个点，可以用CSS删除
        无序列表在三种类型中使用最多
   -->
    <ul>
        <li>庆余年2</li>
        <li>权力的游戏</li>
        <li>玫瑰故事</li>
    </ul>
    <hr>

<!--    ol:
        包含一个标签  li
        三个属性：
            start=""  : 从第3个开始
            type=""   : 1  A  a  Ⅰ i （必须从这五个值里选）
            如：身份证总共18位，最后一个有可能是 X
-->

    <ol start="3" type="1">
        <li>庆余年2</li>
        <li>权力的游戏</li>
        <li>玫瑰故事</li>
        <li>西游记</li>
        <li>去有风的地方</li>

    </ol>
    <hr>

<!--    dl:
        包含两个标签 dl dt dd

-->
    <dl>
        <dt>庆余年1</dt>
        <dd>第1集</dd>
        <dd>第2集</dd>
        <dd>第3集</dd>
        <dd>第4集</dd>

        <dt>庆余年2</dt>
        <dd>第1集</dd>
        <dd>第2集</dd>
        <dd>第3集</dd>
        <dd>第4集</dd>

    </dl>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--    列表标签（三种）
        ul 无序列表  unordered list(掌握)  li
        ol 有序列表  ordered list0        li
        dl 自定义列表（一般是和css结合）     dt dd
    -->

<!--    ul
        包含一个标签  li
            li标签里还可以放很多其他标签
        列表前方会默认有个点，可以用CSS删除
        无序列表在三种类型中使用最多
   -->
    <ul>
        <li>庆余年2</li>
        <li>权力的游戏</li>
        <li>玫瑰故事</li>
    </ul>
    <hr>

<!--    ol:
        包含一个标签  li
        三个属性：
            start=""  : 从第3个开始
            type=""   : 1  A  a  Ⅰ i （必须从这五个值里选）
            如：身份证总共18位，最后一个有可能是 X
-->

    <ol start="3" type="1">
        <li>庆余年2</li>
        <li>权力的游戏</li>
        <li>玫瑰故事</li>
        <li>西游记</li>
        <li>去有风的地方</li>

    </ol>
    <hr>

<!--    dl:
        包含两个标签 dl dt dd

-->
    <dl>
        <dt>庆余年1</dt>
        <dd>第1集</dd>
        <dd>第2集</dd>
        <dd>第3集</dd>
        <dd>第4集</dd>

        <dt>庆余年2</dt>
        <dd>第1集</dd>
        <dd>第2集</dd>
        <dd>第3集</dd>
        <dd>第4集</dd>

    </dl>
</body>
</html>