HTML列表

最新推荐文章于 2024-07-10 10:31:45 发布

韵然CP

最新推荐文章于 2024-07-10 10:31:45 发布

阅读量1.4k

点赞数 3

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/qq_40354578/article/details/93496648

版权

JavaWeb 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

标签 <ul><li></li></ul>

作用插入无序、有序、定义列表

1、type属性项目符号样式（disc,circle,square）不建议使用

2、只用<ul></ul>就好

样式都用CSS统一管理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表</title>
    
</head>
<body>
    <!--无序-->
    <ul type="disc">
        <li> apple</li>
        <li> pear</li>
        <li> peach</li>
        </ul>

    <!--无序-->
    <ul type="circle">
            <li> apple</li>
            <li> pear</li>
            <li> peach</li>
            </ul>

    <!--无序-->
    <ul type="square">
            <li> apple</li>
            <li> pear</li>
            <li> peach</li>
            </ul>

    <!--无序-->
    <ul type="none">
            <li> apple</li>
            <li> pear</li>
            <li> peach</li>
            </ul>

    <!--有序-->
    <ol >
            <li> 烤冷面</li>
            <li> 煎饼果子</li>
            <li> 麻辣烫</li>
            </ol>
         
    <!--定义-->
    <dl>
            <dt> 正数</dt>
            <dd> 大于0的自然数</dd>
            <dt> 负数</dt>
            <dd> 小于0的自然数</dd>
            </dl>
</body>
</html>