当前位置:首页 >> IT/计算机 >>

HTML 链接


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

<a> 标签可定义锚。锚 (anchor) 有两种用法:

? 通过使用 href 属性,创建指向另外一个文档的链接(或超链接) ? 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的
链接)

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观是:

实例
创建超级链接 :--------------------------------------------<html> <body> <p> <a href=" \test.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p> <p><a href="http://www.baidu.com/">本文本</a> 是一个指向万维网上的页面的链接。</p> </body> </html> 本例演示如何在 HTML 文档中创建链接。 将图像作为链接 :--------------------------------------------<html> <body> <p> 您也可以使用图像来作链接: <a href="/test.html"> <img border="0" src="/83.jpg" />

</a> </p> </body> </html> 本例演示如何使用图像作为链接。

锚标签和 Href 属性
HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。 标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。

创建锚的语法: 创建锚的语法:

<a href="url">Text

to be displayed</a>

<a> 用来创建锚。href 属性用于定位需要链接的文档,锚的开始标签和结束标签之间的文字被作为超级 链接来显示。

<a href="http://www.cissst.com/">cissst</a>

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

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

<a href="http://www. cissst.com /"

target="_blank">

cissst </a>

注:在编写 html 代码的时候。 target="blank" -- 在新的页面中打开,但是,往后打开的标签会覆盖
整个标签 target="_blank" -- 永远都用新页面打开。 在本页中打开新连接的用法:target="_self"

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

以下是命名锚的语法:

<a name="label">Text

to be displayed</a>

name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。

下面这行定义了命名锚:

<a

name="tips">Useful

Tips Section</a>

你会注意到,命名锚会以特殊的方式来显示。

将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个节,就像这样:

<a href="http://www.keymensoft.com.cn#tips"> Jump to the Useful Tips Section </a>

注:经常用它跳转到 有用的提示 部分

创建电子邮件链接:-------------------------------------------<html> <body> <p> 这是邮件链接: <a href="mailto:ywb_qm@163.com?subject=作业%20 提交">发送邮件</a> </p> <p> <b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。 </p> </body> </html> 创建抄送和内容的电子邮件链接:----------------------------------------------<html>

<body> <p> 这是另一个 mailto 链接: <a href="mailto:ywb_qm@163.com? cc=libin_qm@163.com &bcc=szk_qm@163.com &cc=lvbin_qm@163.com &subject=Summer%20Party &body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件! </a> </p> <p> <b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。 </p> </body> </html> 注:需要理解跳转连接的相对地址引用 相对本文件夹下地址: ./连接文件.html 上一层文件夹地址: ../连接文件.html

练习: 练习:
在新的浏览器窗口打开链接 实现在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。 链接到同一个页面的不同位置 实现如何使用链接跳转至文档的另一个部分 创建电子邮件链接 实现链接到一个邮件。(本例在安装邮件客户端程序后才能工作。) 创建带抄送和内容的电子邮件链接 实现更加复杂的邮件链接。

链接标签
标签 描述

<a>

定义锚。


相关文章:
HTML利用超链接打开链接文件.doc
HTML利用超链接打开链接文件 - HTML 利用超链接打开链接文件 先看两个示例 建立一个超链接 这个示例演示了如何在 HTML 文件里创建超链接。 将一个图片作为一个超...
HTML配合实例手把手教之HTML链接.pdf
HTML配合实例手把手教之HTML链接 - HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 ...
第4章 用HTML建立超链接.ppt
第4章 用HTML建立超链接_中职中专_职业教育_教育专区。第四章 用HTML建立超链接 4.1 设置基本文字超链接 ? ? 建立HTML标记为<a></a>标记。超链接最重 要的...
HTML超链接_图文.ppt
HTML链接_其它课程_高中教育_教育专区。HTML链接链接 2015秋期 链接建立格式:<a href=“链接目标”>链接源</a> 功能:以链接源作为链接对象指向链接目标...
HTML如何超链接到打开本地视频文件,而不是另存为.txt
HTML如何超链接到打开本地视频文件,而不是另存为 1、所要打开的文件如果是网页支持的文件,如:flv,rmvb,jpg,mp3文件,点超链接会弹出“‘打开'或'保存’”的...
第三讲 用HTML建立超链接和表格_图文.ppt
标签: 超链接| 第三讲 用HTML建立超链接和表格_互联网_IT/计算机_专业资料。用HTML建立超链接和表格 一、超链接链接 1.1 1.2 1.3 1.4 1.5 链接的...
HTML 在新窗口打开链接的代码.doc
HTML 在新窗口打开链接的代码 - HTML 在新窗口打开链接的代码 如果在文章中加上链接,系统默认是在原来的窗口中打开目标网页。当然,我们可以在链接地 址上单击右键...
HTML超链接.pdf
HTML链接 - 4、超链接 4.1 网页链接 代码结构: <html> <head> <title>超链接</title> </head> <body> <a href=链接网址>...
HTML超链接课件_图文.ppt
<html> <head> <title>文本链接</title> </head> <body> <center><h3>神话故事:八仙斗花龙</h3></center> <a href="next.html">下一篇:女娲补天</a...
HTML超链接a标签.pdf
HTML链接a标签 - HTML链接 a 标签 只要学习或者使用过 HTML 的人,我想对于<a>标签应该都是不陌生的。今天对<a>做一个简单的说明,将自己的理 解简单...
5、HTML利用超链接打开链接文件.doc
5、HTML利用超链接打开链接文件 - 先看两个示例 建立一个超链接 这个示例演示了如何在 HTML 文件里创建超链接。 将一个图片作为一个超链接 这个示例演示了如何...
HTML 链接.doc
HTML 链接 - HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。 使用超级链接与网络上的另一个文档相连。 <a> 标签可定义锚。锚 (anchor) 有两种用法:...
HTML建立超链接_图文.ppt
HTML建立超链接_计算机软件及应用_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档HTML建立超链接_计算机软件及应用_IT/计算机_专业资料。 本章目标 ? ...
html文件中提取网页链接C++实现方法.doc
html文件中提取网页链接C++实现方法 - 提取html文本中的超链接,写入link.txt... html文件中提取网页链接C++实现方法_IT/计算机_专业资料。提取html文本中的超链接,写...
HTML语言建立超级链接_图文.ppt
HTML-超链接 HTML-超链接基本概念 链接标记 内部链接 书签链接 外部链接 一、基本概念 URL 绝对路径 相对路径 根路径 URL URL(Uniform Resource Locator):统一资源...
HTML的页面链接A标签.doc
HTML的页面链接A标签 - HTML 的页面链接<A>标签 <A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、 音频、视频)甚至到同一文档的另一...
html超链接_图文.ppt
html链接 - Chapter 4 超链接的建立 无法显示图片?? ? &l
html超链接和路径.doc
html链接和路径 - 第 4 章超链接和路径 学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置 本章主要探讨 HTML5 中文本元素最重要的一个超链接, ...
HTML5超链接和路径.doc
HTML5超链接和路径_计算机软件及应用_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档HTML5超链接和路径_计算机软件及应用_IT/计算机_专业资料。主要从事 ...
轻松学HTML+CSS之链接.ppt
5.1.3 HTML链接语法 ? 通常我们使用<a>标签在HTNL中创建链接。 有两种使用<a>标签的方式: <a href=”链接地址”> 链接文本 </a> 5.2 链接路径 ? 链接...
更多相关文章: