无序列表


实例

无序 超文本(HTML )列表:

<网页>
<主体>
<标题4>一个无序列表:</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>


 

定义和用法

 

<无序列表> 标签定义无序列表。


浏览器支持

元素ChromeIEFirefoxSafariOpera
<无序列表>    是    是    是    是

所有主流浏览器都支持 <无序列表> 标签。


提示和注释:

提示:请使用样式来定义列表的类型。


可选的属性

属性描述
紧凑 紧凑

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

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

类型

圆盘

正方形

圆形

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

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


全局属性

<无序列表> 标签支持 超文本(HTML )中的全局属性。


事件属性

<无序列表> 标签支持 超文本(HTML )中的事件属性。


 

 

超文本(HTML )列表实例

一个无序列表
本例演示一个无序列表。

<网页>
<主体>
<标题4>一个无序列表:</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

不同类型的无序列表
本例演示不同类型的无序列表。

<网页>
<主体>
<标题4>圆盘 项目符号列表:</标题4>
<无序列表 类型=“圆盘“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
<标题4>圆形 项目符号列表:</标题4>
<无序列表 类型=“圆形“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
<标题4>正方形 项目符号列表:</标题4>
<无序列表 类型=“正方形“>
<列表项目标记>苹果</列表项目标记>
<列表项目标记>香蕉</列表项目标记>
<列表项目标记>柠檬</列表项目标记>
<列表项目标记>桔子</列表项目标记>
</无序列表>
</主体>
</网页>

嵌套列表
本例演示如何嵌套列表。

<网页>
<主体>
<标题4>一个嵌套列表:</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶
<无序列表>
<列表项目标记>红茶</列表项目标记>
<列表项目标记>绿茶</列表项目标记>
</无序列表>
</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

嵌套列表 2
本例演示更复杂的嵌套列表。

<网页>
<主体>
<标题4>一个嵌套列表:</标题4>
<无序列表>
<列表项目标记>咖啡</列表项目标记>
<列表项目标记>茶
<无序列表>
<列表项目标记>红茶</列表项目标记>
<列表项目标记>绿茶
<无序列表>
<列表项目标记>中国茶</列表项目标记>
<列表项目标记>非洲茶</列表项目标记>
</无序列表>
</列表项目标记>
</无序列表>
</列表项目标记>
<列表项目标记>牛奶</列表项目标记>
</无序列表>
</主体>
</网页>

 



 

posted on 2022-01-17 14:46  立少  阅读(197)  评论(0)    收藏  举报

导航