audio标签、详情与概要标签

1、audio标签
audio标签,指的是在网页中添加音频的标签,与video标签类似。所有video标签中的属性均可以在audio标签中使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>audio标签</title>
</head>
<body>
<!--
1、autoplay:自动播放;
2、controls:在网页中显示进度条;
3、muted:静音
4、loop:循环播放
-->
<audio src="12.mp3" autoplay="autoplay" controls="controls"></audio>
<audio src="12.mp3" autoplay="autoplay" controls="controls" loop></audio>
<audio src="12.mp3" autoplay="autoplay" controls="controls" muted></audio>
</body>
</html>

2、详情与概要标签
在我们浏览网页时,会出现这样的情况,在点击一个标题的小三角形后,会下拉菜单,里面是关于这个标题的详情。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情与概要标签</title>
</head>
<body>
<details>
    <summary>网页的诞生</summary>
    1991年8月6日,蒂姆·伯纳斯·李在alt.hypertext新闻组上贴了万维网项目简介的文章。这一天也标志着因特网上万维网公共服务的首次亮相。万维网中至关重要的概念超文本起源于1960年代的几个从前的项目。譬如泰德·尼尔森(Ted Nelson)的仙那都项目(ProjectXanadu)和道格拉斯·英格巴特(Douglas Engelbart)的NLS。而这两个项目的灵感都是来源于万尼瓦尔·布什在其1945年的论文《和我们想得一样》中为微缩胶片设计的“记忆延伸”(memex)系统。
</details>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/jwz934738949/article/details/88621362
今日推荐