您现在的位置: 365建站网 > 建站教程 > html教程 > HTML <li> 标签

HTML <li> 标签

此节有 149 人学习过     参与评论

定义和用法

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

实例

<ol>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ol>
<ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>

亲自测试一下 (请在页面底部查看更多实例)

浏览器支持

所有主流浏览器都支持 <li> 标签。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,li 元素的 "type" 和 "value" 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,li 元素的 "type" 和 "value" 属性是不被支持的。

提示和注释:

提示:请使用 CSS 来定义列表和列表项目的类型。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性 描述 DTD
type
  • A
  • a
  • I
  • i
  • 1
  • disc
  • square
  • circle

不赞成使用。请使用样式取代它。

规定使用哪种项目符号。

TF
value number

不赞成使用。请使用样式取代它。

规定列表项目的数字。

TF

标准属性

id, class, title, style, dir, lang, xml:lang

如需完整的描述,请访问标准属性

事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, 
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问事件属性

TIY 实例

一个无序列表
本例演示一个无序列表。
不同类型的无序列表
本例演示不同类型的无序列表。
一个有序列表
本例演示一个有序列表。
不同类型的有序列表
本例演示不同类型的有序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表 2
本例演示更复杂的嵌套列表。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (149人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
html教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 建站教程 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号