HTML - 链接,

  »   HTML  »   HTML教程 - 文字链接,创建和使用它们

此“href”属性命名对于其它网页的连接。其实是它将会发送用户点击链接的的地方。

链接可以是:

  • 软禁 - 专门从页面放置(锚)>
  • 局部 - 向来自同一个域的其他网页
  • 全球 - 向其他的域,在此网站外部
htmlInternal - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.tutorialehtml.com/"

HTML - HTML - 文字链接

设置的一个它可被使用的锚的开始和尾部 <a></a>。 选择您需要的属性类型,然后把它放在其标签内。

Example:

html<a href="http://www.tutorialehtml.com" target="_blank" title="HTML教程">HTML教程</a>

Demo

HTML - 链接目标

此“目标”属性告诉浏览器 如果需要在一个新的窗口或在同一窗口中打开新的一页。

target="_blank"打开一个新窗口
_self"在同一个窗口中打开一个页面
_parent"在链接的上级框架中打开一个新页
_top"在取消所有框架的同一浏览器里打开新页

下面的例子演示了如何一个新的页面可以在浏览器的窗口中打开。这样,我们可以保持本教程的网页,并打开一个新的导航页面。

html<a href="http://www.google.com/" target="_blank" >Google</a>

Demo

HTML - 锚

被用来链接在同一页的两区段。这样我们就需要给这些区段一个名称, 但为了这事看看下一个例子。

html<h1>HTML - 超文本参考 / href<a name="top"></a></h1>
<h2>HTML - 文字链接<a name="text"></a></h2>
<h2>HTML - 邮件文本<a name="email"></a> </h2>

接下来,我们在锚的名称之前需要使一个代码到把过链接

html<a href="#top">转至页首 </a>
<a href="#text">了解文字链接 </a>
<a href="#email">了解电子邮件地址 </a>

Demo

HTML - 电子邮件链接

做一个电子邮件的链接是很简单的。如果你希望有人给你写一封电子邮件,要做到这一点,最好的办法是在其配置放一个连接你的电子邮件,并预先建立主题。

html<a href="mailto:someone@example.com?subject=提问 " >提问在这里</a>

Demo

如果主体是不充分的并且你又想添加一些东西来到其电子邮件的内容里的话,你用下面代码的帮助下可以做到这一点:

html<a href="mailto:someone@example.com?subject=Questions&body=如果你有任何提问写在这里把, " >这里有提问 </a>

Demo

HTML - 下载链接

一个下载链接看起来像一个正常的链接文字。这个问题出现在我们要添加的照片时候。最好的解决办法是使用一个缩图的链接,不过我们在下一课会谈论这个问题。

html<a href="http://www.tutorialehtml.com/htmlT/text.zip">文本文档</a>

HTML - 默认链接/基本链接

使用 <base> 在内部单元的标签 <head>设置一个基础链接。 这是在你有一个链接不动作或在目的地什么也不存在的情况下所必要的。此基础链接向用户发送特定的地址。一般它发给用户到开始页面,但容易被任何其它叶面被接受, 终于制作了一个为我们目的特定页面。

html<head>
	<base href="http://www.tutorialehtml.com/">
</head>