目录
一、什么是超链接
当用户点击文字、图像、视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接
他的语法格式如下
<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'属性则该属性被忽略