编程学习:html音频标签、视频标签、列表标签的说明
温馨提示:这篇文章已超过891天没有更新,请注意相关的内容是否还可用!
音频标签的介绍
代码:<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标签