HTML <ul> 标签简介

最新推荐文章于 2024-09-10 10:47:21 发布

taozpwater

最新推荐文章于 2024-09-10 10:47:21 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： B/S学习文章标签： html class xml

本文链接：https://blog.youkuaiyun.com/taozpwater/article/details/7753467

B/S学习专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了HTML中<ul>标签的用法，包括其标准属性、可选属性及事件属性，并提供了多种类型的示例，如不同项目符号的列表和嵌套列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、简介

<ul> 标签用于定义无序列表。

2、属性
2.1 标准属性

id, class, title, style, dir, lang, xml:lang

2.2 可选属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性	值	描述	DTD
compact	compact	不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。	TF
type	disc square circle	不赞成使用。请使用样式取代它。规定列表的项目符号的类型。	TF

属性

值

描述

DTD

compact

不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。

type

disc
square
circle

不赞成使用。请使用样式取代它。

规定列表的项目符号的类型。

2.3 事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

3、示例

<html>
<body>

<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>

<h4>一个嵌套列表：</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶
<ul>
<li>中国茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>

</body>
</html>