标签之美——超链接标签
一、创建超链接
通常的超链接有两种方式,一种是链接到另一个文件,另一种是链接到当前文件的某个位置。这两种方式都是通过<a></a>标签来创建,其中href属性用来指定链接的目标地址。
1、链接到当前页面指定位置
被链接的地方需要使用<a>标签的name属性标记,示例如下:
<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、链接到本地相对路径文件
相对路径是以当前文件所在的路径为参考的。示例如下:
<body> <!--同级链接:所链接到得文件与当前文件在同一目录下,直接链接文件名即可--> <a href="nwe.html">同级链接</a> <!--下级链接:所链接的文件在当前文件所在目录的子目录下--> <a href="thml/new.html">下级链接</a> <!--上级链接:所链接文件在当前文件所在的上级目录--> <a href="../new.html">上级链接</a> </body>
3、链接到网址URL
这种方式通常会用在友情链接中。例如如下链接到百度:
<body> <a href="http://www.baidu.com/">百度</a> </body>
二、链接的打开方式
<a>标签中的target属性可以设置标签的打开方式,一共有四种方式,分别是_blank,_parent,_self,_top。
1、_blank打开方式
会让浏览器在新的窗口中打开标签。
2、_parent打开方式
在父窗口中打开,当前页面会被覆盖。
3、_self打开方式
在当前窗口打开,当前窗口会被覆盖。
4、_top打开方式
在最上层窗体中打开。