HTML链接

  HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

  超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

  我们通过使用 <a> 标签在 HTML 中创建链接。

  有两种使用 <a> 标签的方式:

  通过使用 href 属性 - 创建指向另一个文档的链接

  通过使用 name 属性 - 创建文档内的书签

  a标签属性:

  accesskey -- 代表一个链接的快捷键访问方式
  charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8
  coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标
  href -- 代表一个链接源(就是链接到什么地方)
  hreflang -- 指出了链接到的页面所使用的语言编码
  rel -- 代表文档与链接到的内容(href所指的内容)的关系
  rev -- 代表文档与链接到的内容(href所指的内容)的关系
  shape -- 使用图像地图的时候可以使用shape指定链接区域
  tabindex -- 代表使用"tab"键,遍历链接的顺序
  target -- 用来指出哪个窗口或框架应该被此链接打开
  title -- 代表链接的附加提示信息
  type -- 代表链接的MIME类型

  链接语法

  <a href="url">Link text</a>

  a-链接的标签

  href-- 是链接的属性,告诉浏览器链接到的网址(URI)

  url-- 是我们要链接到的网页或者文件。

  显示的文字-- 是我们想要显示的文字,浏览者点击'显示的文字'就会连接到url页面.

  HTML 链接 - target 属性

  使用 Target 属性,你可以定义被链接的文档在何处显示。

  下面的这行会在新窗口打开文档:

  <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

  target的4个值

  _blank

  浏览器总在一个新打开、未命名的窗口中载入目标文档。


  _self

  这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。

  这个目标是多余且不必要 的,除非和文档标题 <base> 标签中的 target 属性一起使用。


  _parent

  这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。


  _top

  这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

  这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略.

  因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

  HTML 链接 - name 属性

  name 属性规定锚(anchor)的名称。

  name 属性用于创建 HTML 内部的书签。

  书签不会以任何特殊方式显示,它对读者是不可见的。

  当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。  

  命名锚的语法:

  <a name="label">Text to be displayed</a>

  锚的名称可以是任何你喜欢的名字。

  示例:书签的链接

  基本格式:

  在要插入书签的地方(就是插入一个锚点)写:<a name="书签名字"></a>

  连接点:<a href="#书签名字"></a>

  HTML邮件链接

  HTML邮件链接 -- 可以直接打开默认的邮件系统

  示例:

  <a href="mailto:pclys@163.">给我写邮件</a>

  mailto四个常用的参数

  subject -- 代表邮件的标题
  body -- 代表邮件的内容
  cc -- 代表一个抄送对象
  bcc -- 代表一个暗送对象

  mailto语法

  mailto:URL?参数1=内容&参数2=内容&参数3=内容

  通过&符号,可以连接多个条件.

  mailto示例

  mailto:pclys@163.com?subject=HTML教程

  定义了邮件的标题为HTML教程

  mailto:pclys@163.com?subject=HTML&body=一步步教会我HTML语言

  定义了邮件的标题为HTML教程与内容为一步步教会我HTML语言

  mailto:dreamdu@163.com?cc=dreamdu@sina.com&bcc=dreamdu@gmail.com

  定义了邮件的抄送对象为dreamdu@sina.com,邮件的暗送对象为dreamdu@gmail.com

  HTML图像链接

  可以为一个图像指定链接

  示例

  <a href="http://www.baidu.com/" title="baidu">
    <img src="http://www.baidu.com/img/logo.gif" />
  </a>

转载于:https://www.cnblogs.com/pclys/archive/2012/11/19/2777873.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值