0
点赞
收藏
分享

微信扫一扫

#yyds干货盘点# 1.6 HTML5基础 - 超链接标签

​四、超链接标签

超链接标签在网站中应用最为广泛,超链接是一个网站的灵魂,在网站中用户可以通过单击菜单、文字、图片等跳转到洽谈页面中,或者可以从一个页面的某个位置跳转到其他位置,或者打开一个文件或一个应用程序等,这些都属于超链接的功能。

网页中的超链接按照​路径的不同​,可以分为三种类型:

  • 内部链接、锚点链接和外部链接

按照​使用对象的不同​,网页中的链接又可以分为:

  • 文本超链接、图片超链接、E-mail链接、锚点链接、多媒体文件链接、空连接等。

在网页中,一般文字上的超链接都是蓝色,文字下面有一条下划线。当移动鼠标指针到该超链接上时,指针会变成一只手的形状,单击后可以跳转到其他页面。


创建超链接

链接有两个主要的部分:​目标和标签

使用目标(destination)可以指定访问者单击链接时会发生什么。

可以创建链接进入另一个页面,在页面内跳转,显示图片,下载文件等。

不过最常见的时连接到其他网页的链接,其次是连接到其他网页的特定位置(称为锚,anchor)的链接。

目标是通过编写URL定义的,通常只能在浏览器的状态栏中看到。

链接的第二个部分就是标签(label),即访问者在浏览器中看到的部分。激活标签就可以到达链接的目标。

使用<a>标签可以实现网页超链接。

<a href="URL" 网页元素></a>

属性

描述

href

URL

规定链接指向的页面的URL



target

_blank

_parent

_self

_top

_framename



规定在何处打开链接的文档

rel

text

规定当前文档与被链接文档之间的关系

download

filename

规定被下载的超链接目标

其中,target属性有多个值可以供选择

  • 值_blank表示在新浏览器窗口中打开被链接的文档;
  • 值_parent表示在父框架集中打开被链接文档;
  • 值_self为​默认值​,表示在当前页面窗口中打开被链接的文档,并​取代​当前页面的文档;
  • 值_top表示在整个窗口中打开被链接的文档;
  • farmename表示在指定名称的框架中打开被链接的文档。
<!DOCTYPE html>
<html>
<head>
<title>超链接</title>
</head>
<body>
<p><a href="/8.html" title="超链接页面">回首页</a>本文本是一个指向本地网站中的首页面的链接</p>
<p><a href="http://www.baidu.com">百度</a>本文本是一个指向百度页面的链接</p>
</body>
</html>

#yyds干货盘点# 1.6 HTML5基础 - 超链接标签_html

点击​​​回首页​​​刷新当前页面 点击​​百度​​​则打开百度页面

#yyds干货盘点# 1.6 HTML5基础 - 超链接标签_html_02


举报

相关推荐

0 条评论