logo头像

学如逆水行舟

标签之美三——超链接的嵌入

标签之美——超链接标签

一、创建超链接

通常的超链接有两种方式,一种是链接到另一个文件,另一种是链接到当前文件的某个位置。这两种方式都是通过标签来创建,其中href属性用来指定链接的目标地址。

1、链接到当前页面指定位置

被链接的地方需要使用标签的name属性标记,示例如下:

1
2
3
4
<a href="#last">链接到本页最后</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>
<a name="last">最后</a><!--链接的标记名-->
</body>

2、链接到本地相对路径文件

相对路径是以当前文件所在的路径为参考的。示例如下:

1
2
3
4
5
6
7
8
<body>
<!--同级链接:所链接到得文件与当前文件在同一目录下,直接链接文件名即可-->
<a href="nwe.html">同级链接</a>
<!--下级链接:所链接的文件在当前文件所在目录的子目录下-->
<a href="thml/new.html">下级链接</a>
<!--上级链接:所链接文件在当前文件所在的上级目录-->
<a href="../new.html">上级链接</a>
</body>

3、链接到网址URL

这种方式通常会用在友情链接中。例如如下链接到百度:

1
2
3
<body>
<a href="http://www.baidu.com/">百度</a>
</body>

二、链接的打开方式

标签中的target属性可以设置标签的打开方式,一共有四种方式,分别是_blank,_parent,_self,_top。

1、_blank打开方式

会让浏览器在新的窗口中打开标签。

2、_parent打开方式

在父窗口中打开,当前页面会被覆盖。

3、_self打开方式

在当前窗口打开,当前窗口会被覆盖。

4、_top打开方式

在最上层窗体中打开。

专注技术,热爱生活,交流技术,也做朋友。

——珲少 QQ群:203317592