有序标签和无序标签

最新推荐文章于 2023-05-20 13:28:02 发布

dodobibibi

最新推荐文章于 2023-05-20 13:28:02 发布

阅读量825

点赞数

本文链接：https://blog.csdn.net/dodobibibi/article/details/87400260

版权

有序标签和无序标签

举例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>有序标签和无序标签</title>
</head>
<body>
 
<ol type="i">
<!--有序列表 扩展:type = "a"(aAIi)-->
    <li>苹果1</li>
    <li>苹果2</li>
    <li>苹果3</li>
</ol>

<ul>
<!--无序列表-->
    <li>苹果1</li>
    <li>苹果2</li>
    <li>苹果3</li>
</ul>

<dl>
    <dt>周杰伦</dt>
    <dt>自定义列表一</dt>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
    <dt>周杰伦</dt>
    <dt>自定义列表二</dt>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
</dl>

</body>
</html>

结果如图
在这里插入图片描述