zoukankan      html  css  js  c++  java
  • html list列表

    <html>
    
    <body>
    
    
    
    
    <h2>一个定义列表:</h2>
    <dl>
       <dt>计算机</dt>
       <dd>用来计算的仪器 ... ...</dd>
       <dt>显示器</dt>
       <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>
    
    
    <h4>一个嵌套列表:</h4>
    <ul>
      <li>咖啡</li>
      <li><ul>
        <li>红茶</li>
        <li>绿茶
          <ul>
          <li>中国茶</li>
          <li>非洲茶</li>
          </ul>
        </li>
        </ul>
      </li>
      <li>牛奶</li>
    </ul>
    
    
    <h4>一个嵌套列表:</h4>
    <ul>
      <li>咖啡</li>
      <li><ul>
        <li>红茶</li>
        <li>绿茶</li>
        </ul>
      </li>
      <li>牛奶</li>
    </ul>
    
    <h4>数字列表:</h4>
    <ol>
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ol>  
    
    <h4>字母列表:</h4>
    <ol type="A">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ol>  
    
    <h4>小写字母列表:</h4>
    <ol type="a">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ol>  
    
    <h4>罗马字母列表:</h4>
    <ol type="I">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ol>  
    
    <h4>小写罗马字母列表:</h4>
    <ol type="i">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ol>  
    
    
    
    <h4>Disc 项目符号列表:</h4>
    <ul type="disc">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ul>  
    
    <h4>Circle 项目符号列表:</h4>
    <ul type="circle">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ul>  
    
    <h4>Square 项目符号列表:</h4>
    <ul type="square">
     <li>苹果</li>
     <li>香蕉</li>
     <li>柠檬</li>
     <li>桔子</li>
    </ul>  
    
    
    <dl>  <!--自定义列表-->
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>
    
    
    <h4>一个无序列表:</h4>    <!--无序列表-->
    <ul>
      <li>咖啡</li>
      <li>茶</li>
      <li>牛奶</li>
    </ul>
    
    
    <ol> <!--有序列表-->
      <li>咖啡</li>
      <li>牛奶</li>
      <li>茶</li>
    </ol>
    
    <ol start="50">   <!--有序列表-->
      <li>咖啡</li>
      <li>牛奶</li>
      <li>茶</li>
    </ol>
    
    </body>
    </html>

    一个定义列表:

    计算机
    用来计算的仪器 ... ...
    显示器
    以视觉方式显示信息的装置 ... ...

    一个嵌套列表:

    • 咖啡
      • 红茶
      • 绿茶
        • 中国茶
        • 非洲茶
    • 牛奶

    一个嵌套列表:

    • 咖啡
      • 红茶
      • 绿茶
    • 牛奶

    数字列表:

    1. 苹果
    2. 香蕉
    3. 柠檬
    4. 桔子

    字母列表:

    1. 苹果
    2. 香蕉
    3. 柠檬
    4. 桔子

    小写字母列表:

    1. 苹果
    2. 香蕉
    3. 柠檬
    4. 桔子

    罗马字母列表:

    1. 苹果
    2. 香蕉
    3. 柠檬
    4. 桔子

    小写罗马字母列表:

    1. 苹果
    2. 香蕉
    3. 柠檬
    4. 桔子

    Disc 项目符号列表:

    • 苹果
    • 香蕉
    • 柠檬
    • 桔子

    Circle 项目符号列表:

    • 苹果
    • 香蕉
    • 柠檬
    • 桔子

    Square 项目符号列表:

    • 苹果
    • 香蕉
    • 柠檬
    • 桔子
    Coffee
    Black hot drink
    Milk
    White cold drink

    一个无序列表:

    • 咖啡
    • 牛奶
    1. 咖啡
    2. 牛奶
    1. 咖啡
    2. 牛奶
    发现自己的不足,善于利用找到的方法去扬长避短。行动起来。
  • 相关阅读:
    python中的BeautifulSoup使用小结
    python数字前自动补零
    python列表中的所有值转换为字符串,以及列表拼接成一个字符串
    python爬虫requests过程中添加headers
    django+mysql简单总结
    python数字转换为字符串的两种方式
    python自带的IDLE如何清屏
    django模板中的自定义过滤器
    python中的requests使用小结
    在非UI线程中自制Dispatcher
  • 原文地址:https://www.cnblogs.com/rechen/p/5057781.html
Copyright © 2011-2022 走看看