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>

一个定义列表：

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

一个嵌套列表：

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

一个嵌套列表：

咖啡
茶
- 红茶
- 绿茶
牛奶

数字列表：

苹果
香蕉
柠檬
桔子

字母列表：

苹果
香蕉
柠檬
桔子

小写字母列表：

苹果
香蕉
柠檬
桔子

罗马字母列表：

苹果
香蕉
柠檬
桔子

小写罗马字母列表：

苹果
香蕉
柠檬
桔子

Disc 项目符号列表：

苹果
香蕉
柠檬
桔子

Circle 项目符号列表：

苹果
香蕉
柠檬
桔子

Square 项目符号列表：

苹果
香蕉
柠檬
桔子

Coffee: Black hot drink
Milk: White cold drink

一个无序列表：

咖啡
茶
牛奶

咖啡
牛奶
茶

咖啡
牛奶
茶

发现自己的不足，善于利用找到的方法去扬长避短。行动起来。