学习-WEB前端快速入门- 9.9.HTML列表

143 阅读1分钟

HTML列表

1.有序列表
<ol type="a">
    <li>第一个元素</li>
    <li>第二个元素</li>
    <li>第三个元素</li>
</ol>

.

2.无序列表 一般不用type,也不推荐使type,而是使用css样式处理
<ul type="circle">
    <li>无序列表第一项</li>
    <li>无序列表第二项</li>
    <li>无序列表第三项</li>
</ul>

.

3.自定义列表 (退格效果)
<dl>
    <dt>标题</dt>
    <dd>描述</dd>
    <dt>标题1</dt>
    <dd>描述1</dd>
</dl>

<!--无序列表-嵌套效果-->
<ul>
    <li>内容1</li>
    <li>内容2</li>
    <li>
        <ul>
            <li>子列表1</li>
            <li>子列表2</li>
            <li>子列表3</li>
            <li>子列表4</li>
        </ul>
    </li>
    <li>内容3</li>
    <li>内容4</li>
</ul>