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. 牛奶
  3. 茶
  1. 咖啡
  2. 牛奶
  3. 茶

 

posted @ 2015-12-18 17:45  星雷热忱  阅读(4477)  评论(0)  编辑  收藏  举报