html5笔记——html5列表
作者:舒晴
上一篇:html5标记.
列表就是在网页中将项目有序或无序的罗列显示。HTML中有3种列表形式:有序列表、无序列表和定义列表。
有序列表
有序列表即为有排列顺序的列表,其各个列表项按照一定的顺序排列,例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。
基本语法格式:
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
……
</ol>
无序列表
无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,通常是并列的。
基本语法格式:
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
……
</ul>
自定义列表
自定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。
<dl>:定义列表
<dt>:定义专业术语或名词
<dd>:对名词进行解释和描述
基本语法格式:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
……
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
……
</dl>
列表的嵌套应用
在使用列表时,列表项中也有可能包含若干子列表项,要想在列表项中定义子列表项就需要将列表进行嵌套。