当前位置:首页 >> 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超链接课件_图文.ppt
链接基本知识 1. 超链接 超文本链接(hypertextlink)通常简称为 超链 HTML链接 1.超链接基本知识。 ...
html超链接和路径.doc
html链接和路径 - 第 4 章超链接和路径 学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置 本章主要探讨 HTML5 中文本元素最重要的一个超链接, ...
HTML超链接课件.._图文.ppt
HTML链接课件.. - HTML链接 1.超链接基本知识。 2.超链接的建立方法。 3.内部链接、书签链接、外...
HTML超链接.pdf
HTML链接 - 4、超链接 4.1 网页链接 代码结构: <html> <head> <title>超链接</title> </head> <body> <a href=链接网址>...
HTML简单答案.doc
1 . HTML 指的是? * 超文本标记语言(Hyper Text Markup Language) * 家庭工具标记语言(Home Tool Markup Language) * 超链接和文本标记语言(Hyperlinks and ...
HTML的页面链接A标签.doc
HTML的页面链接A标签 - HTML 的页面链接<A>标签 <A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、 音频、视频)甚至到同一文档的另一...
第4章 用HTML建立超链接.ppt
第4章 用HTML建立超链接_中职中专_职业教育_教育专区。第四章 用HTML建立超链接 4.1 设置基本文字超链接 ...
HTML期末复习题(勿删).doc
(×) 2、 创建图象映射时,理论上可以指定任何形状作为热点。 (√) 3、 网站就是一个链接 HTML 期末复习题第 1 题 判断正误 1、 所有的 HTML 标记符都包括...
HTML如何超链接到打开本地视频文件,而不是另存为.txt
HTML如何超链接到打开本地视频文件,而不是另存为 1、所要打开的文件如果是网页支持的文件,如:flv,rmvb,jpg,mp3文件,点超链接会弹出“‘打开'或'保存’”的...
HTML 链接.doc
HTML 链接 - HTML 链接 ? ? HTML 样式 HTML 图像 HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转...
第4章 html链接.ppt
第4章 html链接 隐藏>> 第四章链 接 本章目标路径的基本概念 链接的标签的基本语法 <embed>标签的基本语法 利用DreamWeaver建立站点 页面链接<A>标签在同一个文...
Html简介和超链接_图文.ppt
Html简介和超链接 - 第一章 Html简介和超链接 目标 ? ? ? ? ? ? 描述互联网 描述 HTML 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 <MET...
第六章:HTML 链接.doc
第六章:HTML 链接 - 一、锚标签和 Href 属性 HTML 使用 <a> (锚)标签来创建连接另一个文档的链接 锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,...
第六节 HTML语言之超链接.doc
第六节 HTML语言之超链接 - 太平高级职业中学电子教案格式 备课人 章及内容 王文辉 第六单元 网页设计与制作 1、了解如何确定链接对象 上课时间 节及内容 HTML ...
01html超链接.ppt
? ? ? ? ? 描述互联网 描述 HTML 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 <META> 标记 在 HTML 文档中使用特殊字符 2 互联网简介 ?互联网...
3 Html - 超链接.ppt
3 Html - 超链接 隐藏>> 超链接 仲恺农业技术学院计算机科
HTML超级链接和框架的应用.doc
HTML超级链接和框架的应用 - 教案 网页设计与制作 宜宾学院教案 _网页设计与制作_课程 周次章名授方节称课式第 3 周, 第 3 次课 HTML 超级链接和框架的应....
Html简介和超链接1.ppt
Html简介和超链接1Html简介和超链接1隐藏>> HTML简介和超链接 HTML简介和超链接 1 目标 ? ? ? ? ? ? 描述互联网 描述 HTML(Hypertext Markup Language) 编写...
Html简介和超链接1_图文.ppt
Html简介和超链接1 - html语言!资料详细,是学习JAVA的好资料。。。jsp学习资料。。... Html简介和超链接1_IT/计算机_专业资料。html语言!资料详细,是学习JAVA的好...
Html简介和超链接1_图文.ppt
Html简介和超链接1 - HTML简介和超链接 HTML简介和超链接 1 目标 ? ? ? ? ? ? 描述互联网 描述 HTML(Hypertext Markup Language) ...
更多相关文章: