• html列表


    html支持有序、无序和定义列表。

    无序列表

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

    无序列表始于<ul>标签,每个列表项始于<li>。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

    <ul>

    <li>111</li>

    <li>222</li>

    </ul>

    浏览器显示:

    • 111
    • 222

    有序列表

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

    有序列表始于<ol>标签,每个列表项始于<li>。列表项内部可以使用段落、换行符、图片、链接以及其他列表等

    <ol>

    <li>111</li>

    <li>222</li>

    </ol>

    浏览器显示:

    1. aaa
    2. bbb

     定义列表

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

    自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。列表项内部可以使用段落、换行符、图片、链接以及其他列表等

    <dl>

    <dt>Coffee</dt>

    <dd>Black hot drink</dd>

    <dt>Milk</dt>

    <dd>White cold drink</dd>

    </dl>

    浏览器显示:

    Coffee
    Black hot drink
    Milk
    White cold drink

    不同类型的无序列表,用type定义。

      • 苹果
      • 苹果
      • 苹果

    不同类型的有序列表,用type定义。

    1. 苹果
    1. 苹果
    1. 苹果

     列表还可以嵌套

    一个嵌套列表:

    • 咖啡
      • 红茶
      • 绿茶
    • 牛奶
    标签 描述
    <ol> 定义有序列表
    <ul> 定义无序列表
    <li> 定义列表项
    <dl> 定义定义列表
    <dt> 定义定义项目
    <dd> 定义定义的描述
  • 相关阅读:
    1040 Longest Symmetric String (25)
    1068 Find More Coins (30)
    1045 Favorite Color Stripe (30)
    1008 数组元素循环右移问题 (20)
    1007. 素数对猜想
    1005. 继续(3n+1)猜想 (25)
    1001. 害死人不偿命的(3n+1)猜想 (15)
    递归经典面试题_ 小例
    简单实现_控制台小时钟
    使用Timer组件_实现定时更改窗体颜色
  • 原文地址:https://www.cnblogs.com/chhom/p/4932493.html
Copyright © 2020-2023  润新知