HTML中添加超链接、音频标签、视频标签、内嵌框架标签

最新推荐文章于 2023-02-08 14:41:12 发布
最新推荐文章于 2023-02-08 14:41:12 发布
阅读量2k 收藏 8
点赞数 1
文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46420078/article/details/120648285
版权
本文详细介绍了HTML5中的超链接使用，包括超链接标签的`href`和`target`属性，以及如何创建锚点。同时，文章还探讨了音频和视频标签，如`<audio>`和`<video>`，包括它们的属性如`controls`、`autoplay`、`loop`和`src`。最后，文章讲解了内嵌框架`<iframe>`的用法，用于在页面中展示其他网页。

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

目录

超链接

音频标签

视频标签

内嵌框架标签

超链接

1.超链接：当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接

2.超链接标签：

  <a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a>

'href'属性：值是要跳转的页面的地址,通常用'#'表示空链接

 'target'属性：新页面打开的方式,取值有'_self'和'_blank'

          '_self'：表示在原窗口打开页面,是'target'属性的默认值

          '_

最低0.47元/天 解锁文章
1.2.345 html 插入图片音频视频超链接
一个字，学
01-15 1007
可以省略，也可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放。想在新标签页打开链接时，加入属性：target=“_blank”图像宽度，在 HTML5 中单位是 CSS 像素。如网络错误、内容被屏蔽或链接过期等等。第一个不行就播放第二个。类比图片、音频的控制。
HTML基础--超链接、音频、视频标签
zxn200125的博客
10-06 800
超链接标签、超链接“锚点”设置、音频标签、视频标签、内嵌框架标签
HTML+CSS系列实战之超链接、音视频
m0_48375854的博客
10-22 2447
实现一个自我介绍页面，要求用到页面的跳转、音频、视频等综合属性。 主页面的代码为：（intrudiction.html） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自我介绍&l
HTML图片 视频 音频 超链接标签
SE_FUE_的博客
02-08 1120
音乐文件1超链接音乐文件1
HTML插入图片，音频，视频，链接
qq_62919289的博客
10-13 1751
前端
HTML超链接、内嵌框架
橘猫吃不胖的博客
10-08 1450
HTML超链接、内嵌框架1 超链接1.1 什么是超链接1.2 超链接标签< a >1.3 通过超链接实现“锚点”2 内嵌框架标签 1 超链接 1.1 什么是超链接 当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接 1.2 超链接标签< a > 格式： <a href="url地址" target="页面打开的方式">页面元素(文字、图像、音频、视频)</a> 属性 含义 href 值是要跳转的页面的地址，通常
html5常用标签.txt
11-18
**`<iframe>`**: 内嵌框架，用于在页面中嵌入另一个HTML文档。 #### 九、样式化文本标签 1. **`<h1>-<h6>`**: 标题标签，从主标题到子标题递减。 2. **`<p>`**: 段落标签，用于定义文本段落。 3. **` `**: ...
html标签全称和功能介绍
12-13
57. `<object>`：定义内嵌对象，如图像、视频、音频等。STF。 58. `<ol>`：定义有序列表，列表项带有编号。STF。 59. `<optgroup>`：定义下拉列表的选项组。STF。 60. `<option>`：定义下拉列表的选项。STF。 61...
刚接触HTML的小白用HTML超链接播放音乐和视频
TYPE_BOY的博客
08-18 5116
这里我们用Hbiulder或者HbiulderX都可以 1）首先我们要在 我们的Hbiulder里面的文件夹里放上自己要用的音乐或者视频 2）然后写入代码 <ol type="1"> <li> <a href="img/张宇 - 一言难尽.mp3" title="" target="">一言难尽</a> </li> <li> <a href="img...
【HTML 教程系列第 13 篇】HTML 中的超链接标签 a，看这一篇就够了
“Allen Su”的博客
10-23 1万+
一：什么是超链接。 二：如何实现超链接。 三：文本超链接、图片超链接。 四：a 标签的 target 属性。 五：超链接的外部链接、内部链接、锚点链接。
HTML 视频video标签应用
wyh1216的博客
06-20 3060
HTML 视频video简单运用
HTML中＜a＞标签和target=“_blank“属性的使用方法及作用（清晰易懂，带例子）
m0_53558236的博客
11-23 2万+
HTML中标签和target="_blank"属性的使用方法及作用（清晰易懂，带例子）
HTML标签(三)(超链接、音频、视频)
m0_48375854的博客
10-04 1408
文章目录一、超链接标签1.链接的语法格式2. 链接的分类二、音频：<audio>1.语法2.支持格式3.常见属性三、视频：<video>1.语法2.格式支持3.常见属性四、总结 一、超链接标签 1.链接的语法格式 <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a> 两个属性的作用如下： 属性 作用 href 用于指定链接目标的URL,（必须属性）当为标签应用href属性时，就具有了超链接的功能 t
HTML 学习笔记——插入音频、视频标签
颜颜yan_的博客
08-04 7889
今天学习了尚硅谷老师的html基础课程，主要是音视频的标签的属性和使用方法。html中插入音频和视频的方法基本相同，这里以音频为例进行演示音频格式：mp3、ogg、wav视频格式：mp4、ogv、webmaudio标签用来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放按钮。以上就是今天的学习笔记啦，希望对大家有帮助~...
零基础HTML入门教程(12)——插入音频audio标签
weixin_61808806的博客
12-06 2796
我们前几个小结学习了，插入图片，或者插入超链接，那我们这一小结学习一下插入音频audio标签直到现在，仍然不存在一项旨在网页上播放音频的标准。 今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 代码演示 效果如下 我们可以看到使用这个标签后，我们可以页面上面看到一个音频，并且是可以播放的，我们要熟练合理使用这个标签，是为以后网页开发必不可少的因素。
HTML音频视频标签
Xzh_java的博客
02-28 4261
在我们的HTML中可以导入音频标签来实现我们的音乐控件，音频控件使用 定义方式1 <audio src="someaudio.wav"> 您的浏览器不支持 audio 标签。 </audio> 定义方式2 <audio> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> <source src="horse.w
页面中插入视频的方法---video/embed/iframe总结
热门推荐
极客神殿
04-22 3万+
1. video标签 当前主流的方法当然是HTML5中的video标签了，但是 当前，video 元素只支持三种视频格式： Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如果你的视频文件是m...
HTML5中新增video标签的使用方法
清风明月的博客
11-26 2842
HTML5的video标签是HTML5的一大特色方法如下： 1、&lt;video src="test.mp4"&gt;浏览器&lt;/video&gt; 2、 &lt;video&gt;&lt;source src="test.3gp"&gt;浏览器&lt;/video&gt; 因为不同的浏览器支持的视频格式是不同的，当我们有多种格式的视频样式时，第二种方式来做兼容调试。 ...
零基础HTML入门教程(13)——插入视频video标签
weixin_61808806的博客
12-06 5968
我们前几小结学习了，插入图片插入音频等，我们这一小结学习一下，插入视频标签video并熟练使用。(1)直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 (2)controls 属性供添加播放、暂停和音量控件。 包含宽度和高度属性也是不错的主意。 代码如下 效果如下 我们可以看到，页面上面会出现一个可以播放的视频，我们再一些网站上看到视频，都是用
全面解析WEB标签及其应用指南
9. 音频和视频标签：`<audio>`和`<video>`标签允许在网页中嵌入媒体内容。 10. 嵌入和脚本标签：`<iframe>`, `<script>`用于嵌入其他HTML页面或JavaScript代码，增加页面交互性。 由于文档的标题中提到了“WEB标签...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陛下，再来一杯娃哈哈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值