html常用标签详解4-列表标签

列表标签

列表标签分为3大类:无序列表、有序列表、自定义列表。线面我会依依简单介绍

一、无序列表

  有个type属性:

    默认:disc:实心小圆点;circle:空心小圆点;square:实心小方块;none:没有

    

<ul type="circle"> <li type="disc">香蕉</li> <li type="square">苹果</li> <li type="none">鸭梨</li> <li>西瓜</li> </ul>

二、有序列表

  reversed="reversed":逆序

  start="4" :从什么开始编号

  type="1AaIi":编号的样式

  

 <ol reversed="reversed"> <li>哈密瓜</li> <li>黄瓜</li> <li>甜瓜</li> <li>南瓜</li> </ol> <ol start="4"> <li>哈密瓜</li> <li>黄瓜</li> <li>甜瓜</li> <li>南瓜</li> </ol> <ol type="A"> <li type="a">哈密瓜</li> <li type="i">黄瓜</li> <li type="I">甜瓜</li> <li type="1">南瓜</li> </ol>

三、自定义列表

  自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

  

 <dl> <dt>dhr</dt> <dd>大好人的意思</dd> <dt>好吃的</dt> <dd>苹果、西瓜、香蕉等食物的总称</dd> </dl>

 

 

 

相关文章