列表
无序列表
无序列表的各个列表项之间没有顺序级别之分,是并列的。
基本语法:
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
◆ ul 标签中一般只嵌套 li 标签(虽然部分标签也可以嵌套,例如 p ,但不建议使用)
◆ li 标签中可以容纳所有的元素
◆ 无序列表带有默认的样式,可以在CSS中修改。
有序列表
有序列表的各个列表项之间有顺序级别之分,浏览器解析时默认会自动根据代码中的列表顺序加上序号。
基本语法:
<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>
◆ 与 ul 标签相同, ol 标签中一般只嵌套 li 标签
◆ 有序列表也带有默认的样式,可以在CSS中修改
自定义列表
自定义列表的列表经常用于对一个词进行解释描述,定义列表的列表项前面没有任何项目符号。
基本语法:
<dl>
<dt>列表1</dt>
<dd>列表1.1</dd>
<dd>列表1.2</dd>
<dd>列表1.3</dd>
</dl>
<dl>
<dt>列表2</dt>
<dd>列表2.1</dd>
<dd>列表2.2</dd>
<dd>列表2.3</dd>
</dl>
一般网页底部的“服务支持”“关于我们”等等列表下会有一些其他的详细链接,这部分大多是用自定义列表实现。