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

2022-06-14 686阅读

温馨提示:这篇文章已超过891天没有更新,请注意相关的内容是否还可用!

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

yinyue.jpg

音频标签的介绍

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

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

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

视频标签的介绍

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

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

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

链接标签的介绍

场景:点击之后,从一个页面跳转到另一个页面

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

代码:

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

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

链接标签的target属性

属性名:target

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

取值                  效果

_self                  默认值,在当前窗口中跳转(覆盖原网页)

_blank              在新窗口中跳转(保留原网页)

<a href="https://www.baidu.com/" target="_blank">百度一下</a>
列表标签的介绍

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

无序列表

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

标签组成:

标签名                                      说明

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

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

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

注意点:

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

li标签可以包含任意内容

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

有序列表

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

标签组成:

标签名                              说明

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

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

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

注意点:

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

li标签可以包含任意内容

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

自定义列表

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

标签组成:

标签名                                 说明

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

dt                                        表示自定义列表的主题

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

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

注意点:

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

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

免责声明:本文来自网络搜集,不代表我的生活随笔的观点和立场,如有侵权请联系本平台处理。