列表网页设计入门有序无序定义

在HTML中有三种类型的列表:
 

  1. 有序列表:有时也被称为带编号的列表,列表中的项目,有一个具体的数字顺序或排名。
  2. 无序列表:有时也被称为符号列表,因为他们在列表项前面的小子弹图标 。它们是不有要求的顺序列出。
  3. 定义列表:这些都是有两部分,一个被定义的术语和定义的项目列出 。

有序列表

使用<ol>标记(结束</ol>标记是必需的),从1开始的数字,以创建一个编号列表。创建与<li>标签结束</li>标签并不需要在HTML中,但在XHTML中所需的元素。例如:

<ol>
  <li>条目1</li>
  <li>条目2</li>
  <li>条目3</li>
</ol>

  • 任何你想要显示列表项目应遵循的一个特定的顺序使用有序列表,或连续排名项目。这些名单是最常见的发现说明和食谱。

无序列表

使用<ul>标签(结束</ul>标记是必需的)子弹而不是数字来创建列表。就像有序列表的元素创建<li>标签。例如:

<ul>
  <li>条目1</li>
  <li>条目2</li>
  <li>条目3</li>
</ul>

  • 使用无序列表,没有在一个特定的顺序列出。这是最常见的类型的列表,在网页上发现。

定义列表

定义列表两部分,每个条目创建一个列表:名称或术语加以界定和定义。这将创建列出类似字典或词汇表。有三个标签定义列表:

  • 以<dl>定义列表
  • 以<dt>来定义的定义项
  • <dd>则定义这个名词的定义
  • HTML不要求关闭的标签以<dt>或<dd>则,但它是一个好主意,使用他们,让您的网页设计的其他部分是不糊涂。需要在XHTML和结束标记。

下面是如何定义列表如下:

<dl>
  <dt>这是术语的定义</dt>
  <dd>则这是定义</dd>
  <dt>任期2</dt>
  <dd>则定义2</dd>
  <dt>任期3</dt>
  <dd>则定义3</dd>
</dl>

任何地方,您有一个列表,每个项目有两部分,使用定义列表。最常见的用途是用专业术语,但你也可以使用一个地址簿(名称是长期的地址是定义),或一个HTML表单(字段名是长期的,输入框是定义),或任何名称/值对列表。