在网页设计中,可以使用三种不同类型的列表添加到网站中,分别是有序列表、无序列表和自定义列表。
一、有序列表
HTML使用<ol>标签来创建有序的内容列表。在<ol>标签内使用<li></li>标签列出列表中的每个项目。
代码示例:
<ol> <li>An item</li> <li>Another item</li> <li>Another goes here</li> </ol>
二、无序列表
HTML 使用<ul>标签来创建无序列表,通常使用项目符号来表示列表项,而不是数字。
代码示例:
<ul> <li>This is</li> <li>An Unordered</li> <li>List</li> </ul>
三、自定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。HTML 使用<dl>标签来创建定义列表,在<dl>标签内使用<dt></dt>标签定义术语,使用<dd></dd>标签提供术语的定义。
代码示例:
<dl> <dt>Item</dt> <dd>The definition goes here</dd> </dl>
如果需要制作一个项目符号列表,打开一个HTML文件,然后在新行上输入以下HTML代码:
<p>This website will have the following benefits for my business:</p> <ul> <li>Increased traffic</li> <li>Global Reach</li> <li>Promotional Opportunities</li> </ul>
四、HTML列表标签
标签 | 描述 |
<ol> | 定义有序列表 |
<ul> | 定义无序列表 |
<li> | 定义列表项 |
<dl> | 定义列表 |
<dt> | 自定义列表项目 |
<dd> | 定义自定义列表的描述 |