举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > html5+css3网页设计基础教程 HTML5 <li> 标签

html5+css3网页设计基础教程 HTML5 <li> 标签

2023-04-03 00:31 HTML5教程

html5+css3网页设计基础教程 HTML5 <li> 标签

html5+css3网页设计基础教程 HTML5 <li> 标签

html5+css3网页设计基础教程

实例

HTML5 <li>标签用于表示文档中列表的项目,在下述例子中,我们分别在有序列表和无序列表中使用了<li>标签。

HTML 两个列表实例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) :

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

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

(本页底部查看更多实例)

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前多数主流浏览器支持 <li>标签。


标签定义及使用说明

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

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


HTML 4.01 与 HTML5之间的差异

"type" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。

"value" 属性 在 HTML 4.01 已被废弃。HTML5 不支持该属性。


提示和注释

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


属性

属性 描述
type (已废弃) 1
A
a
I
i
disc
square
circle
HTML5 不支持该属性。HTML 4.01 已废弃该属性。 不赞成使用。使用 CSS list-style-type 属性来代替, 规定使用哪种项目符号。
value number 不赞成使用。请使用样式取代它。规定列表项目的数字。


全局属性

<li> 标签支持全局属性,查看完整属性表 HTML 全局属性。


事件属性

<li> 标签支持所有 HTML 事件属性。


Examples

在线实例

一个嵌套列表
列表内的列表。

另外一个嵌套列表
更复杂的嵌套列表。


相关文章

HTML 教程: HTML 列表

阅读全文
以上是鳄鱼CMS为你收集整理的html5+css3网页设计基础教程 HTML5 <li> 标签全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • like子句的通配符 LIKE 子句

    like子句的通配符 LIKE 子句

    2023-05-27 SQL教程

    SQL LIKE 子句SQL LIKE 子句通过通配符来将一个值同其他相似的值作比较。可以同 LIKE 运算符一起使用的通配符有两个:百分号(%...

  • groupby子句的作用 GROUP BY 子句

    groupby子句的作用 GROUP BY 子句

    2023-05-04 SQL教程

    SQL GROUP BY 子句SQL GROUP BY 子句与 SELECT 语句结合在一起使用,可以将相同数据分成一组。在 SELECT 语句中,GROUP BY ...

  • 数据库工程师的证书 数据库

    数据库工程师的证书 数据库

    2023-04-16 SQL教程

    SQL 数据库现在有很多种流行的关系型数据库管理系统可供选择使用。下面我们就简要介绍其中最为流行的几种,以帮助你对它们的基本...

  • 表达式是什么 表达式

    表达式是什么 表达式

    2023-05-24 SQL教程

    SQL 表达式表达式是一个或者多个值、运算符和 SQL 函数的组合。每个表达式都有值,通过求值可以得到。SQL 表达式看起来就像数学...

  • sql表达式怎么写 SQL 表达式

    sql表达式怎么写 SQL 表达式

    2023-06-18 SQL教程

    SQL 表达式 表达式是计算值的一个或多个值、运算符和SQL函数的组合。这些SQL表达式类似于公式,它们是用查询语言编写的。 您还...

© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们