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

HTML入门篇-列表

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入门篇-列表