前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >标签之美三——超链接的嵌入 原

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

作者头像
珲少
发布2018-08-15 14:49:07
4400
发布2018-08-15 14:49:07
举报
文章被收录于专栏:一“技”之长一“技”之长

标签之美——超链接标签

一、创建超链接

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

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

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

代码语言:javascript
复制
<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、链接到本地相对路径文件

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

代码语言:javascript
复制
<body>
<!--同级链接:所链接到得文件与当前文件在同一目录下,直接链接文件名即可-->
<a href="nwe.html">同级链接</a>
<!--下级链接:所链接的文件在当前文件所在目录的子目录下-->
<a href="thml/new.html">下级链接</a>
<!--上级链接:所链接文件在当前文件所在的上级目录-->
<a href="../new.html">上级链接</a>
</body>
3、链接到网址URL

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

代码语言:javascript
复制
<body>
<a href="http://www.baidu.com/">百度</a>
</body>

二、链接的打开方式

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

1、_blank打开方式

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

2、_parent打开方式

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

3、_self打开方式

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

4、_top打开方式

在最上层窗体中打开。

专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:203317592

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015/05/10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 标签之美——超链接标签
    • 一、创建超链接
      • 1、链接到当前页面指定位置
      • 2、链接到本地相对路径文件
      • 3、链接到网址URL
    • 二、链接的打开方式
      • 1、_blank打开方式
      • 2、_parent打开方式
      • 3、_self打开方式
      • 4、_top打开方式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档