HTML超链接、音频、视频

最新推荐文章于 2024-08-13 10:37:31 发布

迪卢克的现任

最新推荐文章于 2024-08-13 10:37:31 发布

阅读量4.5k

点赞数 4

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/m0_53644435/article/details/120672442

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、什么是超链接

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

他的语法格式如下

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

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

2.'target'属性：新页面打开的方式,取值有'_self'和'_blank'（其中 '_self'表示在原窗口打开页面,是'target'属性的默认值 '_blank'表示在新窗口中打开页面）

二、锚点链接

2.1作用

它可以通过超链接实现'锚点'：提高页面的检索速度。比如淘宝、B站等网页的的回到顶部就是锚点链接的作用。

2.2创建步骤

1、在'锚点'位置给标签添加id属性
2、在超链接位置中<a>标签的href属性值为'#id名'

代码如下（示例）：

<body  bgcolor='red'>
    <h3>页面的首部</h3>
    
    <a href="#one" id="two">去到底部</a>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br> <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br> <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <a href="#two" id="one">回到顶部</a>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br>
    <br><br> <br><br>

点击去到底部

就会跳转到

点击回到顶部就会回到最上面的这个去到顶部这里。

三、音视屏频链接

3.1基本语法代码如下（示例）

    
    <audio src="../audio/无限王者团 - 千灯之约.mp3" controls='controls' autoplay='autoplay'></audio></a>
    <br><br>
    <video src="#" controls='controls' autoplay='autoplay' poster="../images/2.jpg" width="200"></video>

3.2音视频标签属性

（1）共有属性

属性名	属性描述
src	表示音频、视屏文件的地址
controls	表示标签带有播放控制的按钮
autoplay	表示是否可以进行自动播放

（2）视屏属性

属性名	属性描述
loop	表示循环播放
poster	表示在视频文件下载时显示的图片
height	表示视频播放器的高度
width	表示播放器的宽度

（3）强调

在音频属性中有'preload'这样一个属性它是在页面加载时音频也加载,并预备播放,若使用了'autoplay'属性则该属性被忽略

迪卢克的现任

关注

4
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
HTML超链接、音频、视频

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、什么是超链接当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接
复制链接

扫一扫

专栏目录