首页 > 代码库 > HTML入门篇-列表

HTML入门篇-列表

2024-09-20 13:22:20   217人阅读

1.有序列表

<ol type="a" start="5">
        <li>第一行</li>
        <li>第二行</li>
        <li>第三行</li>
    </ol>

显示结果：

技术分享

　　属性：1、 type=""可以填1、a、A、i、I 其中i和I是罗马数字的意思

　　　　　2、start=""从第几个开始

这种标签在实际工作中较少使用

2.无序列表

    <ul>
        <li>第一行</li>
        <li>第二行</li>
        <li>第三行</li>
    </ul>

显示结果：

技术分享

　　属性：1、style="list-style:none"去掉圆点（这个是css样式，可以暂时先不懂）

　　　　　2、type=""里面可以填 disc（默认的圆点）   circle（空心圆）   square（实心方块）

现实工作中常用的标签，用来做导航栏或新闻列表等等

3.自定义列表

<dl>
        <dt>
            <dd>第一个项目的第一项</dd>
            <dd>第一个项目的第二项</dd>
        </dt>
        <dt>
            <dd>第二个项目的第一项</dd>
            <dd>第二个项目的第二项</dd>
        </dt>
    </dl>

<dl></dl>声明自定义列表

<dt></dt>代表自定义的项目

<dd></dd>代表自定义项目中的每一项

 

几乎不用，用作了解就好

 

HTML入门篇-列表


联系
我们