码迷,mamicode.com
首页 > Web开发 > 详细

HTML建立超链接

时间:2019-11-24 23:54:51      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:目标地址   情况   下划线   空白   mail   inf   sel   name   方式   

??链接是HTML文档的最基本特征之一。超文本链接英文名为hyperlink,它能够让浏览器在各个独立的页面之间方便地跳转。超链接有外部链接、电子邮件链接、锚点链接等。

a标签

??网页中<a>标签,全称:anchor、锚点的意思。它在html中称为超链接标签,可以说它在网页中是无处不在的,只要有链接的地方,就有会这个标签。

链接打开方式

<a>标签在默认情况下,链接的网页是在当前浏览器窗口打开的,有时候我们需要在新的浏览器窗口打开。这时候我们可以通过设置target参数更改。

<a href=‘目标地址‘ target=‘打开方式‘>百度一下</a>

target参数的取值有4种:

_self : 在当前页面中打开链接

_blank : 在一个全新的空白窗口中打开链接

_top : 在顶层框架中打开链接,也可以理解为在根框架中打开链接

_parnet : 在当前框架的上一层里打开链接

注意每个参数名称前的下划线_,初学者很容易将其漏掉

外部网站连接

语法为<a href=‘目标地址‘ title=‘鼠标滑过显示的文本‘>链接显示的文本</a>

比如我们我们做个效果。点击百度一下,会跳转到百度的首页。

<a href="http://www.baidu.com" title=‘点击进入百度‘ target=‘_blank‘>百度一下</a>

  1. href指的是链接指向的页面的地址
  2. title属性的作用,鼠标滑过链接文本时会显示这个属性的文本内容。这个属性在实际网页中开发中作用不大,主要方便搜索引擎了解链接地址的内容

注意:给文本加入了a标签后,文字的颜色就会自动变为蓝色,不过可以通过css样式进行设置。

邮件链接

在很多网页上我们都可以看到联系我们这样的按钮,点击进去之后就是一个可发送邮件的窗口。

代码为<a href="mailto:邮箱地址" target=‘_blank‘>联系我们</a>

锚点链接

锚点链接可以理解为快速跳转或移动,比如我们在一些网站能看到一个回到顶部的按钮,点一下就回到了页面的最上方。比如你现在正在看的博客右上方,就是一个锚点链接。

技术图片

建立锚点

锚点就是你需要跳转到的那个位置,创建锚点链接的第一步就是创建锚点

语法为<div name=‘top‘>顶部</div>

说得更直白点,就是给一个标签命名,此处是给<div>标签命名,你同样可以给<table><ul>等标签命名,让它作为一个锚点。

链接锚点

语法为<a href="#top">回到顶部</a>

#+锚点名即为你的要跳转的锚点

HTML建立超链接

标签:目标地址   情况   下划线   空白   mail   inf   sel   name   方式   

原文地址:https://www.cnblogs.com/aqiao/p/11904791.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!