一.音频与视频标签
1.音频标签audio
常用属性
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | true/false | 如果是true，则音频在就绪后马上播放 |
| controls | true/false | 如果是true。则向用户显示控件，如播放按钮 |
| end | numeric value | 定义播放器在音频流中的何处停止播放。默认声音会播放到结尾 |
| loopend | numeric value | 定义在音频流中循环播放停止的位置。默认是end属性的值 |
| loopstart | numeric value | 定义在音频流在循环播放的开始位置。默认是start属性的值 |
| piaycount | numeric value | 定义音频片段播放多少次，默认是1 |
| src | URL | 所播放音频的URL |
| start | numeric value | 定义播放器在音频流中开始播放的位置。默认声音在开头进行播放 |
audio元素的使用代码如下
<audio src="music.mp3"></audio>
示例
<audio src="素材/新贵妃醉酒.mp3" controls="true"></audio>
2.视频标签video
常用属性
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | true/false | 如果是true，则音频在就绪后马上播放 |
| src | url | 所播放音频的url |
| perload | none/metadata/auto | 用于指定视频或音频数据是否预加载：none（不进行预加载）、metadata（只预加载媒体的原数据）和auto（预加载全部视频或音频） |
| loop | loop | 用于指定是否循环播放视频或音频 |
| poster | url | 视频加载时显示的图像，或者在用户点击播放按钮前显示的图像 |
| controls | true/false | 如果是true，则向用户显示控件，如播放按钮 |
| width | numeric value | 用户指定视频的宽度与高度 |
| height | numeric value | 用于指定视频的高度 |
示例
<video src="素材/凉凉 .mkv" controls="true" width="300" height="300" poster="素材/Apple_Air.jpg"></video>
二.列表标签、div标签及span标签
1.列表标签
列表标签包括无序列表、有序列表、定义列表。无序列表使用项目符号来标记无序的项目，而有序列表则使用编号来记录项目的顺序。
1.1无序列表
语法
<ul type="项目符号类型">
<li>第一项</li>
<li>第二项</li>
.....
</ul>
该语法中，使用ul表示这一个无序列表的开始与结束，而li则表示这一个列表项的开始，一个无序列表可以包含多个列表项
无序列表的type属性用于设置列表项开始的符号，取值为disc（默认值，实心圆）、circle（空心圆环）、square（正方形）。
示例
<ul type="ciecle">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
1.2有序列表
语法
<ol type="序列类型"start="序号起始值">
<li>第一项</li>
<li>第二项</li>
.....
</ol>
该语法中，ol表示这一个有序列表的开始与结束，而li则表示这一个列表项的开始，默认情况下，采用数字序号排列
有序列表的type属性用于设置有序列表的序号类型，取值为1、a、A、i和I，分别为数字序列、小写英文字母序列、大写英文字母序列、小写罗马数字序列和大写罗马数字序列
示例
<ol type="I">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
1.3定义列表
语法
<dl>
<dt>名词1<dd>解释1
<dt>名词2<dd>解释2
<dt>名词3<dd>解释3
.....
</dl>
2.div标签和span标签
在排列网页内容时，我们有时会将某些标签放在一起进行排列，这样就需要一个标签将它们组成一个区块，在html中可以通过div标签和span标签将html元素组合起来，div标签和span标签均为容器类标签，可以在其中存放其他标签，但两者也存在区别。
2.1div标签
语法
<div>
其他标签内容
</div>
2.2span标签
span标签也没有特定的含义，可作为文本的容器，span标签与div标签不同，默认情况下，多个span标签可以存在于同一行，按照从左到右的方式进行排列。
语法
<span>文本1</span><span>文本2</span>
