HTML代码教程
【HTML教程】HTML的li标签|html入门知识
时间: 2025-02-18 18:17:00 浏览次数:14
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:【定义和用法】li 标签定义列表项。li 标签用于有序列表 (ol)、

常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:


【定义和用法】

li 标签定义列表项。

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

在 ul 和 menu 中,列表项通常会用项目符号显示。

在 ol 中,列表项通常会以数字或字母显示。

提示:请使用 CSS 来设置列表样式。


【实例】

例子 1

一个有序 (ol) 和一个无序 (ul) 的 HTML 列表:

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


例子 2

在有序列表中使用 value 属性:

<ol>
  <li value="100">咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
  <li>纯水</li>
  <li>果汁</li>
  <li>啤酒</li></ol>


例子 3

设置不同的列表样式类型(使用 CSS):

<ol>
  <li>咖啡</li>
  <li style="list-style-type:lower-alpha">茶</li>
  <li>牛奶</li></ol><ul>
  <li>咖啡</li>
  <li style="list-style-type:square">茶</li>
  <li>牛奶</li></ul>


例子 4

在列表中创建一个列表(嵌套列表):

<ul>
  <li>咖啡</li>
  <li>茶    <ul>
      <li>普洱</li>
      <li>绿茶</li>
    </ul>
  </li>
  <li>牛奶</li></ul>


例子 5

创建一个更复杂的嵌套列表:

<ul>
  <li>咖啡</li>
  <li>茶    <ul>
      <li>普洱</li>
      <li>绿茶        <ul>
          <li>碧螺春</li>
          <li>龙井</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>牛奶</li></ul>


【属性】

value:数字

仅适用于 ol 列表。规定列表项的起始值。随后的列表项将从该数字递增。


【默认的 CSS 设置】

大多数浏览器将使用以下默认值显示 li 元素:

li {
  display: list-item;}


友情链接: 知识付费 | EDU指南导航 | 贵州网站建设公司 |
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图 | 系统开发专题地图