HTML基础教程

HTML 教程首页
HTML 简介
HTML 入门
HTML 基础
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 排版
HTML 样式
HTML 链接
HTML 图像
HTML 表格
HTML 列表
HTML 表单
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML 速查手册

HTML高级教程

HTML 布局
HTML 框架
HTML 字体
HTML 4.0
HTML CSS
HTML 实体
HTML 报头
HTML 元信息
HTML URLs
HTML 脚本
HTML 属性
HTML 事件
HTML URL编码
HTML Web服务器
HTML 总结

HTML示例

HTML 示例
HTML 测验
HTML 认证

HTML参考手册

HTML 标签列表
HTML 属性
HTML 事件
HTML 颜色名
HTML 取色器
HTML 混色器
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL编码
HTML 语言代码
HTTP 状态代码

HTML列表

« 上一章 下一章 »

HTML支持有序列表、无序列表和定义列表。


HTML列表

  • 这是第一项
  • 这是第二项
  • 这是第三项

示例

试一试

无序列表

有序列表

(本页底部提供了更多示例)


无序列表

无序列表(unordered list)由一组项目构成,其中每个项目都有项目符号(通常是个小黑点)标示。

整个无序列表以<ul>标签开始,列表中的每一项以<li>标签开始。

<ul>
<li>咖啡</li>
<li>牛奶</li>
</ul>

在浏览器中的显示效果为:

你可以在列表项中插入段落、换行、图像、链接或其他列表等等。


有序列表

有序列表(ordered list)也是一组项目,但它的每个项目是用数字标示的。

整个有序列表以<ol>标签开始,其中每一项以<li>标签开始。

<ol>
<li>咖啡</li>
<li>牛奶</li>
</ol>

在浏览器中的显示效果为:

  1. 咖啡
  2. 牛奶

你可以在列表项中插入段落、换行、图像、链接或其他列表等等。


定义列表

构成定义列表(definition list)的,不是单个项目,而是项目(术语)以及对各个项目(术语)的描述。

定义列表以<dl>(“dl”是definition list的缩写)标签开始。

其中每一项以<dt>(“dt”是definition term的缩写)标签开始。

每个项目的描述以<dd>(“dd”是definition description的缩写)标签开始。

<dl>
<dt>咖啡</dt>
<dd>黑色热饮</dd>
<dt>牛奶</dt>
<dd>白色冷饮</dd>
</dl>

在浏览器中的显示效果为:

咖啡
黑色热饮
牛奶
白色冷饮

你可以在<dd>元素中插入段落、换行、图像、链接或其他列表等等。


示例

更多示例

不同类型的有序列表
本例演示了不同类型的有序列表。

不同类型的无序列表
本例演示了不同类型的无序列表。

嵌套列表
本例演示了如何在列表中嵌套列表。

嵌套列表2
本例演示了更复杂的嵌套列表的情况。

定义列表
本例演示一个定义列表。


列表标签

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义一个列表项
<dl> 创建一个定义列表
<dt> 在定义列表中创建一项(即一个术语)
<dd> 为定义列表中的术语创建描述
<dir> 被弃用的,请用<ul>替代
<menu> 被弃用的,请用<ul>替代

« 上一章 下一章 »



 




宏飞网络是你学习web开发、测试web程序实例、和培养职业技能的首选网站。我们提供例子也许有些简单,但对理解基本概念有帮助。

我们尽量避免在教程、参考及例子中出现错误,但不能保证所有的内容都是正确的。

你使用本网站时,我们默认你已经阅读并接受了我们的隐私政策。

Copyright 2003-2011宏飞网络 版权所有