欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

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

发布时间:2025/6/15 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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>

 

 

转载于:https://www.cnblogs.com/dhrwawa/p/10420503.html

总结

以上是生活随笔为你收集整理的html常用标签详解4-列表标签的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。