HTML 列表(Lists)
大部分通用的HTML列表使用的是有序和无序的列表:
HTML 列表(Lists)
有序列表:
|
无序列表:
|
亲自试一试
无序列表
示例演示了如何在HTML文档中创建无序列表.
有序列表
示例演示了如何在HTML文档中创建有序列表.
HTML无序列表
无序列表的开始标签是 <ul> 标签. 每个列表项的开始标签是 <li> 标签.
列表项被标记为编号(通常是小黑圆圈)
<li>Coffee</li>
<li>Milk</li>
</ul>
上面的例子在浏览器中显示如下:
- Coffee
- Milk
HTML有序列表
有序列表的开始标签是 <ol>标签. 每个列表项的开始标签是 <li> 标签.
列表项会被标记为数字
<li>Coffee</li>
<li>Milk</li>
</ol>
上面的代码在浏览器中显示如下:
- Coffee
- Milk
HTML描述列表
描述列表是一个描述项目/名称的列表,通常带有每个项目/名称的描述内容.
使用<dl> 标签定义描述列表.
<dl> 标签通常是和 <dt> 标签(定义项目/名称)和<dd>(描述每个项目/名称)标签同时出现的:
<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
基本常识 - 有用的提示
注意: 在列表的项目内部,你可以输入文本,换行,图片,链接等其他的列表.
更多例子
定义不同类型的顺序列表
示例演示了不同类型的列表
不同类型的无序列表
示例提示了不同类型的无序列表
嵌套列表
示例演示了如何嵌套列表
嵌套列表 2
示例演示了更多综合嵌套列表
描述列表
示例演示了定义列表