HTML无序列表(UL)

时间:2024-05-31 07:23:37

HTML无序列表(UL)

列表分为两类:无序列表和有序列表。无序列表没有顺序的列表项目,在各条列前面使用●□◇◆等符号以示区隔。而有序条列就是指各条列之间是有顺序的,比如从1、2、3…。    无序列表使用的一对标签是<ul></ul>,无序列表指没有进行编号的列表,  每一个列表项前使用对标签<LI>和</LI>  无序列表的type属性有三个数值可选,这三个选项分别为:disc实心园、circle空心园、square小方块。  默认属性是disc实心园。

基本语法:

<ul>

    <li> 项目1</li>

    <li> 项目2</li>

    <li> 项目3</li>

</ul>

无序列表的type类型:    

HTML无序列表(UL)

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
    <title>HTML无序列表演示</title>
</head>
<body>
<ul>
  <li>默认的无序列表</li>
  <li>默认的无序列表</li>
  <li>默认的无序列表</li>
</ul>
<ul>
    <li type=circle>添加circle属性</li>
  <li type=circle>添加circle属性</li>
  <li type=circle>添加circle属性</li>
</ul>
<ul>
    <li type=square>添加square属性</li>
  <li type=square>添加square属性</li>
  <li type=square>添加square属性</li>
</ul>
</body>
</html>

运行结果:

HTML无序列表(UL)