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. 牛奶
    发现自己的不足,善于利用找到的方法去扬长避短。行动起来。
  • 相关阅读:
    [转]利用docker进行java开发小demo
    markdown简介及语法
    Thinking in Java 之classpath理解
    docker官方windows安装
    Thinking in Java笔记之类及对象的初始化
    开发工具之play framework
    图解phpstorm常用快捷键
    Git相关
    Yii 1.1 cookie删不掉
    ajax跨域,这应该是最全的解决方案了
  • 原文地址:https://www.cnblogs.com/rechen/p/5057781.html
Copyright © 2011-2022 走看看