HTML5列表元素

ul元素

无序列表是网页中最常用的列表,之所以称为“无序列表”,是因为其各个列表项之间没有顺序级别之分,

通常是并列的。下图中就是通过ul元素的基本语法列出的5个数据:

 代码如下:

<ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
    <li>ddd</li>
    <li>eee</li>
</ul>

<ul></ul>标记用于定义无序列表,<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项,每对<ul></ul>

中至少包含一对<li></li>。

ol元素

有序列表即为排列顺序的列表,其各个列表项按照一定的顺序排列,下图中就是通过ol元素的基本语法列出的5

个数据:

代码如下:

<ol>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
    <li>ddd</li>
    <li>eee</li>
</ol>

<ol></ol>标记用于定义有序列表,<li></li>标记嵌套在<ol></ol>标记中,用于描述具体的列表项,每对<ol></ol>

中至少包含一对<li></li>。

dl元素

定义列表常用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号,

下图中就是通过dl元素的基本语法列出的数据:

 

代码如下:

<dl>
    <dt>前四个字母是:</dt>
    <dd>a</dd>
    <dd>b</dd>
    <dd>c</dd>
    <dd>d</dd>
    
</dl>

<dl></dl>标记用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中,其中,<dt></dt>标记用于指定术

语名词,<dd></dd>标记用于对各名词解释和描述。一对<dt></dt>可以对应多对<dd></dd>,即可以对一个名词进行

多项解释。

 

posted @ 2021-11-11 21:03  Lhaoyu  阅读(376)  评论(0编辑  收藏  举报