html5 列表

最新推荐文章于 2024-07-21 12:55:34 发布

qq_51628074

最新推荐文章于 2024-07-21 12:55:34 发布

阅读量111

点赞数

分类专栏： web初学者笔记文章标签： html5

本文链接：https://blog.csdn.net/qq_51628074/article/details/123766121

版权

web初学者笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

3.26

有序列表用的是ol标签：

1.li里面可以随意放标签，但是ol里面只能放li

2.数字是自动生成的

3.type:1,a,A,i,I

start:取值只能是一个数字

<ol type="a" start="3">
        <li>把冰箱打开</li>
        <li>把大象装进去</li>
        <li>关上冰箱</li>
</ol>

无序列表：用的是ul标签

1.ul里面只能放li，li里面可以放其他标签

2.默认的是黑色的实心圆

3.tepe（一般不用，多半是用css弄前面的图形）

1、disc：实心黑色圆圈

2、circle：空心黑色边框圆圈

3、square：黑色正方形

<ul type="circle">
        <li>喜羊羊</li>
        <li>美羊羊</li>
        <li>懒洋洋</li>
        <li>灰太狼</li>
</ul>

自定义列表：用的是dl标签

感觉没有什么能说的......

<body>
    <dl>
        <dt>我是图片</dt>
        <dd>我是文字</dd>
    </dl>
    <dl>
        <dt>我是图片</dt>
        <dd>我是文字</dd>
    </dl>
    <dl>
        <dt>我是图片</dt>
        <dd>我是文字</dd>
    </dl>
</body>