首页 > web前端 > html教程 > html网页的列表标签分为哪几种

html网页的列表标签分为哪几种

青灯夜游
发布: 2023-01-07 11:41:35
原创
17636 人浏览过

html网页的列表标签分为3种:1、无序列表,使用“

    ”标签定义;2、有序列表,使用“
      ”标签定义;3、自定义列表,使用“
      ”标签定义。

html网页的列表标签分为哪几种

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html网页的列表

  • 无序列表

  • 有序列表

  • 自定义列表

1、无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用

    标签,每个列表项始于
  • 标签。

    <ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    </ul>
    登录后复制

    浏览器显示如下:

    1.png

    2、有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于

      标签,每个列表项始于
    1. 标签。

      列表项使用数字来标记。

      <ol>
      <li>第一个列表项</li>
      <li>第二个列表项</li>
      <li>第三个列表项</li>
      </ol>
      登录后复制

      浏览器显示如下:

      2.png

      3、自定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以

      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始。

      <dl>
        <dt>Coffee</dt>
        <dd>黑热饮</dd>
        <dt>Milk</dt>
        <dd>白冷饮</dd>
      </dl>
      登录后复制

      浏览器显示如下:

      3.png

      提示: 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

      推荐教程:《html视频教程

      以上是html网页的列表标签分为哪几种的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板