当前位置:首页 >> 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配合实例手把手教之HTML链接.pdf
HTML配合实例手把手教之HTML链接 - HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 ...
HTML超链接课件_图文.ppt
<html> <head> <title>文本链接</title> </head> <body> <center><h3>神话故事:八仙斗花龙</h3></center> <a href="next.html">下一篇:女娲补天</a...
html链接_图文.ppt
html链接 - 本章目标 路径的基本概念 链接的标签的基本语法 <embed>标签的基本语法 利用DreamWeaver建立站点 页面链接<A>标签 在同一个文件夹下有两个html文件,...
第4章 用HTML建立超链接.ppt
第4章 用HTML建立超链接_中职中专_职业教育_教育专区。第四章 用HTML建立超链接 4.1 设置基本文字超链接 ? ? 建立HTML标记为<a></a>标记。超链接最重 要的...
html超链接和路径.doc
html链接和路径 - 第 4 章超链接和路径 学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置 本章主要探讨 HTML5 中文本元素最重要的一个超链接, ...
HTML5超链接和路径.doc
HTML5超链接和路径_计算机软件及应用_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档HTML5超链接和路径_计算机软件及应用_IT/计算机_专业资料。主要从事 ...
HTML超链接_图文.ppt
HTML链接_其它课程_高中教育_教育专区。HTML链接链接 2015秋期 链接建立格式:<a href=“链接目标”>链接源</a> 功能:以链接源作为链接对象指向链接目标...
HTML 链接.doc
HTML 链接 - HTML 链接 ? ? HTML 样式 HTML 图像 HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转...
HTML如何超链接到打开本地视频文件,而不是另存为.txt
HTML如何超链接到打开本地视频文件,而不是另存为 1、所要打开的文件如果是网页支持的文件,如:flv,rmvb,jpg,mp3文件,点超链接会弹出“‘打开'或'保存’”的...
html超链接学习(适于初学者).txt
html链接学习(适于初学者) - 一、HTML文档的基本结构 1.网页的摘要
HTML超链接课件.._图文.ppt
HTML链接课件.. - HTML链接 1.超链接基本知识。 2.超链接的建立方法。 3.内部链接、书签链接、外部链接。 超链接基本知识 1. 超链接 超文本链接(hyper...
HTML超链接a标签.pdf
HTML链接a标签 - HTML链接 a 标签 只要学习或者使用过 HTML 的人,我想对于<a>标签应该都是不陌生的。今天对<a>做一个简单的说明,将自己的理 解简单...
HTML链接已看重点.doc
HTML链接已看重点_文学_高等教育_教育专区。HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另...
HTML_超级链接_图文.ppt
HTML_超级链接 - 网页文字、图片链接 超级链接普通超级链接1 ? 超级链接是整个WWW应用的核心和基础。如果没有超级 链接的概念,那么,我们现在所有的WWW的应用将...
html文件中提取网页链接C++实现方法.doc
html文件中提取网页链接C++实现方法 - 提取html文本中的超链接,写入link.txt... html文件中提取网页链接C++实现方法_IT/计算机_专业资料。提取html文本中的超链接,写...
Html简介和超链接1.ppt
Html简介和超链接1Html简介和超链接1隐藏>> HTML简介和超链接 HTML简介和超链接 1 目标 ? ? ? ? ? ? 描述互联网 描述 HTML(Hypertext Markup Language) 编写...
HTML的页面链接A标签.doc
HTML的页面链接A标签 - HTML 的页面链接<A>标签 <A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、 音频、视频)甚至到同一文档的另一...
3 Html - 超链接.ppt
3 Html - 超链接 隐藏>> 超链接 仲恺农业技术学院计算机科
01html超链接.ppt
? ? ? ? ? 描述互联网 描述 HTML 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 <META> 标记 在 HTML 文档中使用特殊字符 2 互联网简介 ?互联网...
第4章 html链接.ppt
第4章 html链接 隐藏>> 第四章链 接 本章目标路径的基本概念 链接的标签的基本语法 <embed>标签的基本语法 利用DreamWeaver建立站点 页面链接<A>标签在同一个文...
更多相关文章: