HTML Lists

HTML Lists

Unordered HTML List 无序列表

Starts with the <ul> tag. Each list item starts with the <li> tag.

<ul>
  <li>Coffee</li>
  <li>Milk</li>
</ul>

list-style-type : disc （实心小圆）, circle （空心小圆）,square （实心正方形）, none

注意：HTML 5中 <ul> 标签不支持type属性值！

Ordered HTML List 有序列表

Starts with the <ol> tag. Each list item starts with the <li> tag and are marked with numbers. 数字列表每个元素由数字标记

<ol>
  <li>Coffee</li>
  <li>Milk</li>
</ol>

通过设定<ol> 标签type属性的值，来设定列表所使用的标号样式。

type 属性可以取得值：

• 1  从1开始的阿拉伯数字
• A  大写英文字母
• a  小写英文字母
• I  大写罗马数字
• i  小写罗马数字

start 属性，取值number，Specifies the start value of an ordered list

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML Description Lists

A description list is a list of terms, with a description of each term. 描述列表由一系列项目条款和它们的描述组成。

The <dl> tag defines a description list. <dt> (定义描述元素 description terms/names) and <dd> (每个元素的描述 data/description)

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>