audio标签、详情与概要标签

最新推荐文章于 2023-06-04 10:51:12 发布

jwz934738949

最新推荐文章于 2023-06-04 10:51:12 发布

阅读量570

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/jwz934738949/article/details/88621362

版权

HTML与CSS 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

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>