HTML HTML5 PHP Mysql Linux 缓存技术 工具 资讯 读书 其他

HTML 列表(Lists)


大部分通用的HTML列表使用的是有序和无序的列表:

HTML 列表(Lists)

有序列表:

  1. 第一个列表项
  2. 第二个列表项
  3. 第三个列表项

无序列表:

  • 列表项
  • 列表项
  • 列表项

Examples

亲自试一试

无序列表
示例演示了如何在HTML文档中创建无序列表.

有序列表
示例演示了如何在HTML文档中创建有序列表.


HTML无序列表

无序列表的开始标签是 <ul> 标签. 每个列表项的开始标签是 <li> 标签.

列表项被标记为编号(通常是小黑圆圈)

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

上面的例子在浏览器中显示如下:

  • Coffee
  • Milk

HTML有序列表

有序列表的开始标签是 <ol>标签. 每个列表项的开始标签是 <li> 标签.

列表项会被标记为数字

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

上面的代码在浏览器中显示如下:

  1. Coffee
  2. Milk

HTML描述列表

描述列表是一个描述项目/名称的列表,通常带有每个项目/名称的描述内容.

使用<dl> 标签定义描述列表.

<dl> 标签通常是和 <dt> 标签(定义项目/名称)和<dd>(描述每个项目/名称)标签同时出现的:

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

上面的代码在浏览器中显示如下:

Coffee
- black hot drink
Milk
- white cold drink

基本常识 - 有用的提示

注意: 在列表的项目内部,你可以输入文本,换行,图片,链接等其他的列表.


Examples

更多例子

定义不同类型的顺序列表
示例演示了不同类型的列表

不同类型的无序列表
示例提示了不同类型的无序列表

嵌套列表
示例演示了如何嵌套列表

嵌套列表 2
示例演示了更多综合嵌套列表

描述列表
示例演示了定义列表





To Top