Rumah > hujung hadapan web > html tutorial > html网页的列表标签分为哪几种

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

青灯夜游
Lepaskan: 2023-01-07 11:41:35
asal
17636 orang telah melayarinya

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

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

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

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

html网页的列表

  • 无序列表

  • 有序列表

  • 自定义列表

1、无序列表

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

无序列表使用

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

    <ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    </ul>
    Salin selepas log masuk

    浏览器显示如下:

    1.png

    2、有序列表

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

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

      列表项使用数字来标记。

      <ol>
      <li>第一个列表项</li>
      <li>第二个列表项</li>
      <li>第三个列表项</li>
      </ol>
      Salin selepas log masuk

      浏览器显示如下:

      2.png

      3、自定义列表

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

      自定义列表以

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

      <dl>
        <dt>Coffee</dt>
        <dd>黑热饮</dd>
        <dt>Milk</dt>
        <dd>白冷饮</dd>
      </dl>
      Salin selepas log masuk

      浏览器显示如下:

      3.png

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

      推荐教程:《html视频教程

      Atas ialah kandungan terperinci html网页的列表标签分为哪几种. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan