小白前端学习日记（三）HTML基础语法与标签2

小白前端学习日记系列

小白前端学习日记（一）认识前端

小白前端学习日记（二）HTML基础语法与标签1

---

---

HTML基础语法与标签

这次的内容主要是列表标签，多媒体标签。这些标签在网页制作中也是不可或缺的重要知识。

---

一、列表标签

1.无序列表

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

实际效果如下图所示。无序列表的意义是各列表项没有先后次序（前导符号全都一样）。

无序列表标签<ul></ul>为父标签，必须和子标签列表项标签<li></li>同时出现，且<ul></ul>标签的子标签必须是<li></li>标签，嵌套关系要注意缩进。

列表项标签<li></li>不能单独使用，它必须放到<ul></ul>或者<ol></ol>（有序列表标签）中使用。<li></li>标签内部可以放任何其他标签，比如<p></p>,<span></span>,<h3></h3>,甚至可以再放一个列表标签<ul></ul>。当然，嵌套关系要注意缩进。

我们可以看到，列表项前面的是一个实心小圆点，被称作前导符号。曾经，无序列表的type属性可以定义前导符号的样式：

type值	效果
disc	实心圆，也是默认值
circle	空心圆
square	实心方块

由于这个属性在HTML5中被废弃，我们可以使用CSS更改前导符号的样式。

2.有序列表

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
<