四、超链接标签
超链接标签在网站中应用最为广泛,超链接是一个网站的灵魂,在网站中用户可以通过单击菜单、文字、图片等跳转到洽谈页面中,或者可以从一个页面的某个位置跳转到其他位置,或者打开一个文件或一个应用程序等,这些都属于超链接的功能。
网页中的超链接按照路径的不同,可以分为三种类型:
- 内部链接、锚点链接和外部链接
按照使用对象的不同,网页中的链接又可以分为:
- 文本超链接、图片超链接、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表示在指定名称的框架中打开被链接的文档。
<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>
点击回首页刷新当前页面 点击百度则打开百度页面