标签之美——超链接标签
一、创建超链接
通常的超链接有两种方式,一种是链接到另一个文件,另一种是链接到当前文件的某个位置。这两种方式都是通过<a></a>标签来创建,其中href属性用来指定链接的目标地址。
1、链接到当前页面指定位置
被链接的地方需要使用<a>标签的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 >
|
二、链接的打开方式
<a>标签中的target属性可以设置标签的打开方式,一共有四种方式,分别是_blank,_parent,_self,_top。
1、_blank打开方式
会让浏览器在新的窗口中打开标签。
2、_parent打开方式
在父窗口中打开,当前页面会被覆盖。
3、_self打开方式
在当前窗口打开,当前窗口会被覆盖。
4、_top打开方式
在最上层窗体中打开。