HTML重点知识温习【四】

HTML重点知识温习【四】

一、HTML中的非排序列表(Unordered Lists)：

非排序列表(Unordered Lists)以<ul></ul>配对表示，其中的列表项用<li>包围表示。非排序列表的样式可以有以下几种：

< html >
< body >

< h4 > Disc bullets list: </ h4 >
< ul  type ="disc" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ul >   

< h4 > Circle bullets list: </ h4 >
< ul  type ="circle" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ul >   

< h4 > Square bullets list: </ h4 >
< ul  type ="square" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ul >   

</ body >
</ html >

二、HTML中的排序列表(Ordered Lists):

HTML中的排序列表(Ordered Lists)以<ol></ol>配对出现，其中的列表项用<li></li>包围表示。排序列表的样式可以有以下几种：

< html >
< body >

< h4 > Numbered list: </ h4 >
< ol >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ol >   

< h4 > Letters list: </ h4 >
< ol  type ="A" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ol >   

< h4 > Lowercase letters list: </ h4 >
< ol  type ="a" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ol >   

< h4 > Roman numbers list: </ h4 >
< ol  type ="I" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ol >   

< h4 > Lowercase Roman numbers list: </ h4 >
< ol  type ="i" >
  < li > Apples </ li >
  < li > Bananas </ li >
  < li > Lemons </ li >
  < li > Oranges </ li >
</ ol >   

</ body >
</ html >

-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要尽力打好一手烂牌。