目录
功能
属性
1.herf 指定超链接跳转的地址
2.target 控制超链接新开页面的打开方式
补充
空链接的写法
锚点功能
音视频标签
补充
如何引用网络视频?
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浏览器)
网页加载流程:
第一次请求:加载网页本身和网页结构。第二次之后请求,加载外部资源、样式、图片。文章来源:https://www.toymoban.com/news/detail-485753.html
补充
如何引用网络视频?
<iframe frameborder="0" src="你要引入视频的网络地址" allowFullScreen="true"
width="500" height="400">
</iframe>
注意:frameborder属性为是否显示边框。[1是(yes),0是(no)];allowfullscreen属性为是否允许iframe全屏。(默认为false)文章来源地址https://www.toymoban.com/news/detail-485753.html
到了这里,关于HTML之超链接的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!