zoukankan      html  css  js  c++  java
  • 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> 定义定义的描述
  • 相关阅读:
    松软科技web课堂:SQLServer之ROUND() 函数
    松软科技web课堂:SQLServer之LEN() 函数
    接口工具比较
    记录EXCEL格式和TXT文本格式之间的互转
    Fiddler安装证书
    Nginx概述及安装配置
    YSLOW(一款实用的网站性能检测工具)
    通用测试用例大全
    Macaca环境配置及样例执行
    ADB命令
  • 原文地址:https://www.cnblogs.com/chhom/p/4932493.html
Copyright © 2011-2022 走看看