HTML超链接、音频、视频

目录

一、什么是超链接

二、锚点链接

2.1作用

2.2创建步骤

三、音视屏频链接

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

3.2音视频标签属性

---

一、什么是超链接

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

他的语法格式如下

  页面元素(文字、图像、音频、视频)

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

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

二、锚点链接

2.1作用

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

2.2创建步骤

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

代码如下（示例）：

    
页面的首部
    
    去到底部
    


    


    


    


    


    

 


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    


    

 


    


    


    


    


    


    回到顶部
    


    


    


    


    


    

 

点击去到底部

就会跳转到

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

三、音视屏频链接

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

3.2音视频标签属性

（1）共有属性

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

  （2）视屏属性

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

（3）强调
 

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