编程学习：html音频标签、视频标签、列表标签的说明

音频标签的介绍

场景：在页面中插入音频 代码：<audio src="./music.mp3" controls></audio> 常见属性:

注意点： 音频标签目前支持三种格式：MP3、Wav、Ogg

视频标签的介绍

场景：在页面中插入视频 代码：<video src="./video.mp4" controls></video> 常见属性：

注意点： 视频标签目前支持三种格式：MP4、WebM、 Ogg

链接标签的介绍

场景：点击之后，从一个页面跳转到另一个页面

称呼：a标签、超链接、锚链接

代码：

<a href="./目标网页html">超链接</a>

特点： 双标签，内部可以包裹内容 如果需要a标签点击之后去指定页面，需要设置a标签的href属性

链接标签的target属性

属性名：target

属性值：目标网页的打开形式

取值                  效果

_self                  默认值，在当前窗口中跳转（覆盖原网页）

_blank              在新窗口中跳转（保留原网页）

<a href="https://www.baidu.com/" target="_blank">百度一下</a>

列表标签的介绍

无序列表

场景：在网页中表示一组无顺序之分的列表，如：新闻列表

标签组成：

标签名                                      说明

ul                                             表示无序列表的整体，用于包裹li标签

li                                              表示无序列表的每一项，用于包含每一行的内容

显示特点： 列表的每一项前默认显示圆点标识

注意点：

ul标签中只允许包含i标签

li标签可以包含任意内容

有序列表

场景：在网页中表示一组有顺序之分的列表，如：排行榜

标签组成：

标签名                              说明

ol                                     表示有序列表的整体，用于包裹标签

li                                      表示有序列表的每一项，用于包含每一行的内容

显示特点： 列表的每一项前默认显示序号标识

注意点：

ol标签中只允许包含li标签

li标签可以包含任意内容

自定义列表

场景：在网页的底部导航中通常会使用自定义列表实现

标签组成：

标签名                                 说明

dl                                        表示自定义列表的整体，用于包惠dt/dd标签

dt                                        表示自定义列表的主题

dd                                       表示自定义列表的针对主题的每一项内容

显示特点： dd前会默认显示缩进效果

注意点：

d标签中只允许包含dt/dd标签

dt/dd标签可以包含任意内容