Tags标签 网战地图
当前位置: 主页 > 网页设计 > HTML教程 > HTML基础教程 >

HTML(文本 图像)超链接已经新窗口打开的说明

2013-10-02 00:56 [HTML基础教程] 来源于:w3school
导读:HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 文字连接实例 实例代码 p a href=/wangzhan/HTML/HTML教程/a 本实例是一个指向 本网站 中的一个页面的链接。/p pa href=http://www

HTML 使用超级链接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

文字连接实例

实例代码

<p>

<a href="/wangzhan/HTML/">HTML教程</a> 本实例是一个指向本网站中的一个页面的链接。</p>

 

<p><a href="http://www.rrzxw.net/">自学网</a> 是一个指向某网站的一个链接。</p>


实例演示


HTML教程 本实例是一个指向本网站中的一个页面的链接。

自学网 是一个指向某网站的一个链接。


图像链接实例

实例代码


<p>

此为图像连接实例:

<a href="/">

<img border="0" src="/logo.gif.jpg" />

</a>

</p>


实例演示


此为图像连接实例:


 

本例演示如何使用图像作为链接。

HTML 超链接(链接)

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

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

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

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

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

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

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

实例

<a href="http://www.rrzxw.net/">自学网</a>

上面这行代码显示为:自学网

点击这个超链接会把用户带到 自学网 的首页。

提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

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

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

<a href="http://www.rrzxw.net/" target="_blank">自学网</a>

自学网

基本的注意事项 - 有用的提示:

注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.rrzxw.net/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.rrzxw.net/html/"。


(编辑:admin)

本文标签:
网友评论

栏目列表

推荐文章