html列表标签之无序列表

1. 无序列表的定义和特点

无序列表用于表示一组顺序无关的项目，列表中的每个项目前会显示一个标记符号（通常是圆点、方块或圆圈）。在HTML中，无序列表使用<ul>标签定义，列表中的每个项目使用<li>（list item）标签定义。

2. 基本语法

<ul><li>列表项目1</li><li>列表项目2</li><li>列表项目3</li>
</ul>

3. 示例与显示效果

简单示例：

<h3>Web前端开发技术</h3>
<ul><li>HTML：用于构建网页结构</li><li>CSS：用于美化网页样式</li><li>JavaScript：用于实现网页交互</li><li>Vue.js：前端框架</li><li>React：前端库</li>
</ul>

显示效果：

Web前端开发技术

• HTML：用于构建网页结构
• CSS：用于美化网页样式
• JavaScript：用于实现网页交互
• Vue.js：前端框架
• React：前端库

4. 无序列表的符号样式

无序列表的项目符号样式可以通过CSS的list-style-type属性进行修改，常用值包括：

• disc：默认值，实心圆点
• circle：空心圆圈
• square：实心方块
• none：无符号

示例：

<style>.circle-list { list-style-type: circle; }.square-list { list-style-type: square; }.none-list { list-style-type: none; }
</style><h3>不同符号样式的无序列表</h3><p>默认实心圆点：</p>
<ul><li>项目1</li><li>项目2</li>
</ul><p>空心圆圈：</p>
<ul class="circle-list"><li>项目1</li><li>项目2</li>
</ul><p>实心方块：</p>
<ul class="square-list"><li>项目1</li><li>项目2</li>
</ul><p>无符号：</p>
<ul class="none-list"><li>项目1</li><li>项目2</li>
</ul>