连接iframe还有超链接锚链接视频音乐

最新推荐文章于 2022-04-04 14:20:00 发布

xiaozhang___

最新推荐文章于 2022-04-04 14:20:00 发布

阅读量749

点赞数

分类专栏： html

html 专栏收录该内容

9 篇文章

订阅专栏

这个博客展示了如何在HTML中使用iframe、超链接锚点以及视频和音乐元素。通过<a>标签创建了链接到不同页面的超链接，并设置目标为同一窗口。同时，利用<iframe>嵌入了一个页面。此外，还演示了如何创建锚点链接，以便在页面内部导航。最后，文章包含了<audio>和<video>标签的使用，用于播放音频和视频文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

连接iframe还有超链接锚链接视频音乐

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="练习二.html"target="no">培养目标</a>
<a href="练习三.html"target="no">课程内容</a>
<a href="练习一.html"target="no">返回标题</a>
<iframe src="练习一.html" name="no" frameborder="1"scrolling="auto"height="300"width="600" ></iframe>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>别看我别看我别看我</h1>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>然间工程师什么什么什么什么什么鬼</h1>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>不知道不知道不知道不知道</h1>
</body>
</html>

锚链接

<p id="location">这里</p>
<!--使用锚点的要求：1.先定应该锚点回到的位置，在该标记上书写id属性-->
<!--2.将锚点a标记中的href的属性值书写为#id属性值于锚点回到的位置对应-->
<a href="#location">锚点</a>

<!--音频，视频-->
<!--音频-->
<audio src="../image/寂寞先生.mp3" controls>
<source src="../image/寂寞先生.mp3"/>
</audio>
<!--视频-->
<video src="../image/漫威.mp4"width="300"height="500">
<source src="../image/漫威.mp4"/>
</video>