HTML--列表

最新推荐文章于 2024-05-05 07:41:03 发布

零时搞学习

最新推荐文章于 2024-05-05 07:41:03 发布

阅读量507

点赞数 7

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

本文链接：https://blog.csdn.net/weixin_44517278/article/details/135570663

版权

HTML学习专栏收录该内容

17 篇文章 0 订阅

订阅专栏

有序列表

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <ol type="a">
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ol>

</body>
</html>

效果：

1.列表1
2.列表2
3.列表3

有序列表的type属性

type=“1” 是用阿拉伯数字做列表序号，这个是默认的序号
type=“a” 用小写英文字母做列表序号
type=“A” 用大写英文字母做列表序号
type=“i” 用小写罗马数字做列表序号 i,ii,iii
type=“I” （大写i）用大写罗马数字做列表序号 I,II,III,IV

无序列表

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <ul type="cicle">
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
        <li>列表4</li>
    </ul>

</body>
</html>

无序列表的 type属性

type=“disc” 实心圆，默认值
type=“circle” 空心圆
type=“square” 正方形

ul元素的子元素只能是li元素，文本也不能直接放到ul元素内，虽然貌似能生效

定义列表

语法：

<!DOCTYPE html>
<html>
<head> 
    <title>这是一个标题</title>
    <meta charset="utf-8"/>
</head>
<body>
    <dl>
        <dt>这是一个名词</dt>
        <dd>这是名词的描述</dd>
        <dt>这是另一个名词</dt>
        <dd>这是这个名词的描述</dd>
        <dd>这也是这个名词的描述</dd>
    </dl>
</body>
</html>