HTML之超链接
本章主要是讲述HTML超链接之a标签和锚点功能，包括音视频标签，感兴趣的话可以多看看。
目录
html的全称为超文本标记语言。
<a href="#">空链接</a>
<a href="JavaScript:;">空链接2</a>
<a href="https://www.baidu.com/">百度</a>
<a href="./03.列表标签.html">去列表</a>
<a href="../0913网页结构/08.常用的标签.html">去常用标签</a>
<a href="https://www.jd.com/" target="_self">京东</a>
<a href="https://www.jd.com/" target="_blank">京东</a>我们一般向网页中添加a标签来实现超链接，它是行内元素，特殊的行内元素。它里面什么都能放，能放块元素，行内元素，行内块元素，除了它自己。超链接的可以是任何内容,可以是一个字，一段文字，图片，表格等等。超链接有2个属性，2个功能，1个补充。
功能
1.一个页面跳到另一个页面或当前页面的跳转(做楼梯导航)。
2.下载。
属性
1.herf 指定超链接跳转的地址
绝对地址：完整的网址，无论你的超链接在哪里，只要点击，就可以跳到对应的网站。
相对地址：指的是本地的页面，跟你的超链接文件的位置有关系。
./ 你所在的文件跟你要去的文件在同一目录下 。(./ 可以省略)
../ 从你所在的文件下，跳出当前的文件目录,来到上一级目录下。
注意：相对路径的跳转方式和很多标签标签的跳转都有关系，例如图片、音视频等等
<a href="https://www.baidu.com/">百度</a>
<a href="./03.列表标签.html">去列表</a>
<a href="../0913网页结构/08.常用的标签.html">去常用标签</a>2.target 控制超链接新开页面的打开方式
可选值： _self 在当前页面打开超链接; _blank 新开一个页面打开超链接(可重复新开页面)；
_news 新开一个页面打开超链接(新开页面唯一)
<a href="https://www.jd.com/" target="_self">京东</a>
<a href="https://www.jd.com/" target="_blank">京东</a>
<a href="https://www.jd.com/" target="_news">京东</a>补充
空链接的写法
<a href="#">空链接</a>
<a href="JavaScript:;">空链接2</a>锚点功能
锚点功能的作用是在当前页面进行跳转，点击超链接实现：去顶部、去底部、去中间或是任意的位置。[去任意的位置：给你要去位置打个id属性，设置任意id属性值。(例如：href="#id属性值")注意：href="#"，默认是去顶部。]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>锚点功能</title>
</head>
<body>
<a href="#db">去底部</a>
<a href="#zj">去中间</a>
<a href="#ry">去2/3位置</a>
<p>罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p id="#zj">罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p id="#ry">罪法落，办才否厅我。</p>
<p>罪法落，办才否厅我。</p>
<p id="#db">罪法落，办才否厅我。</p>
<a href="#">去顶部</a>
</body>
</html>设置id属性值：1.id属性值，是独一无二的，不能重复使用。2.id属性值，是自定义设置，但不能以数字开头。3.id属性值，最好不要是汉字，因为不符合规范要求。
音视频标签
<audio src="./source/达拉崩吧.mp3" controls loop></audio>
<video src="./source/绝地逢生.mp4" controls loop ></video>audio标签可以用来向页面中引入一个外部的音频文件，video标签可以用来向页面中引入一个外部的视频文件。一般有四个属性：
- src属性是引入音视频的路径，可以引入绝对路径、相对路径，规则与超链接相同。
-
controls属性是用户控制是否可以播放,默认是不可以播放，需要用户点击播放。
-
loop属性是对引入的音频文件进行循环播放。
-
autoplay属性是自动播放引入的音频文件。(基本已被废止,除了IE浏览器)
网页加载流程：
第一次请求：加载网页本身和网页结构。第二次之后请求，加载外部资源、样式、图片。
补充
如何引用网络视频？
<iframe frameborder="0" src="你要引入视频的网络地址" allowFullScreen="true"
width="500" height="400">
</iframe>注意：frameborder属性为是否显示边框。[1是(yes),0是(no)]；allowfullscreen属性为是否允许iframe全屏。(默认为false)
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)