`
zhangchibang
  • 浏览: 339971 次
社区版块
存档分类
最新评论

用好超级链接标记—A

阅读更多
超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。<a>标记的基本语法结构是:
<a
class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function> </a>
  从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!
  其中class和id选项:用于设定链接点所属的类型和分配的ID号,通常不加以设定。最常用的两个参数是href和name。其中href是hypertext reference的缩略词,用于设定链接地址。链接地址必须为url地址,如果没有给出具体路径,则默认路径和当前页的路径相同。 链接到的文件也分为几种情况:如果为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。
rel:表示设定链接的关系:rel=same表示待链接的文件与此文件相同,rel=next表示待链接的文件为下一页,rel=parent表示本文件为待链接文件的父文件,rel=previous则表示待链接的文件为上一页。
rev:则用于设定反向链接。
target:是在采用帧窗口的情况下设定链接到哪一个窗口,还有target="_bank"是表示新开一窗口打开网页。
title:用于设定链接点被选到时显示的标题。
onclick:对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。
onmouseover:与onclick类似,对应的事件在鼠标移到链接点上时被触发。
onmouseout:对应的事件在鼠标移出镇接点后被触发。
举几个例子: <a href="index.htm">回到主页</a>
<a href="sound.wav">播放语音文件</a>
<a href="javascipt.open()">执行对应的程序</a>
<a herf="document.doc">打开对应的文档进行加工</a>

  应用技巧
  1、提供下载文件
  有不少网友来信问,提供下载的效果怎么做。实际上仍然是做一个超级链接,不过供下载的文件必须上传到网站上。例:有一个“网页技巧”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码可以这样写:<a href="homepagejq.zip">点击这里下载“网页技巧”文件包</a>。
  2、在新窗口中打开链接的网页
  设定“target”的值为“_blank”。例:新开窗口打开网页“aboutme.htm”。产生该效果的代码是:<a href="aboutme.htm" target="_blank">关于我......</a>。
  3、鼠标移到链接,显示一行说明文字
  设定“title”参数值,即可获得这种效果。例:当鼠标移到“黄山村夫”这个链接上时,显示说明“这是一个介绍网页制作技巧的专业网站”。这个链接的代码是这样的:<a href="hscf.htm" title="这是一个介绍网页制作技巧的专业网站">黄山村夫</a>。
  4、鼠标移到一个链接上弹出一个窗口
  这是设定onmouseover参数获得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显示“鼠标悬停效果演示!”。这个链接的代码是这样的:<a href="其它网页.htm" onmouseover="alert('鼠标悬停效果演示!')">链接</a>。用类似的方法可以制作当鼠标按下后弹出提出示窗口、当鼠标离开时弹出提示窗口的效果。
  5、链接到本页的指定内容
  要实现链接到本页的某一部分内容上(也就是“文件内跳转”),必须用参数name指定链接点的名称。选定一块文本,可以用name参数为其命名,以备链接所用。所谓同一个文件内的跳转是指当读者在阅读一个很长的文件的时候,若只对某部分的内容感兴趣,可以采用跳跃式的阅读方式。其基本格式是:
<a href="#链接点名称">第二部分</a>第一部分内容......
...........................................
<a name="链接点名称"></a>第二部分实际内容......
...........................................
  这样当你点击“第二部分”这个超级链接后,就会自动转移到“第二部分实际内容”这个地方来。“name”参数所定义的链接点名称可以随意取,但链接的“href”参数中的链接点名称必须与其一致,不要忘记在前面加上“#”。
  6、链接到其它页面的指定内容位置
  方法与上例类似,但在“href”参数中的链接点名称前要加上网页的文件名。例:有两个网页page1.htm和page2.htm ,每页均有两部分内容,现要在page1.htm中制作一个超级链接,按下该链接后将转到page2.htm的第二部分内容上。那么我们可以这样做,首先在page2.htm第二部分内容开始的地方写上这样一句代码:<a name="链接点名称"></a>;在page1.htm中写上这样一个链接代码:<a href="pagw2.htm#链接点名称">page2 的第二部分内容</a>。
  7、链接到E_mail
  点击一个超级链接后,将启动客户机上的电子邮件管理软件给你写信。例这行代码:<a href="mailto:fyy0528@sina.com">请给我写信</a>。一旦你点击了“请给我写信”这个链接,将自动启动电子邮件管理软件(如OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。
  链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。
分享到:
评论

相关推荐

    html超级链接标记A的TARGET属性详解

    超级链接标记A的TARGET属性详解.

    网页制作初学者:学用HTML的超链接A标记

    超级链接a标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法...

    php匹配字符中链接地址的方法

    判断一个字符串是否含有超级链接,代码如下: 复制代码 代码如下:$str=”ssdsf&lt;a&gt;sdf&lt;/a&gt;sdfss”; if(preg_match(“/&lt;a&gt;]*&gt;|&lt;//[^a]*a[^&gt;]*&gt;/i”,$str)) { echo “该字符串有超链接”; } else { echo “该...

    计算机应用基础A卷.doc

    A.doc B.dot C.docx D.dotx 超级链接是一种_______的对应关系。 A.一对一 B.多对一 C.多对多 D.一对多 使用Dreamweaver CS4时,________不能在"页面属性"对话框中设置。 A.网页的边距 B.网页的背景色 C.网页文本的...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    Maven权威指南 很精典的学习教程,比ANT更好用

    构建一个打包好的命令行应用程序 5. 一个简单的Web应用 5.1. 介绍 5.1.1. 下载本章样例 5.2. 定义这个简单的Web应用 5.3. 创建这个简单的Web应用 5.4. 配置Jetty插件 5.5. 添加一个简单的Servlet 5.6. ...

    互联网软件基础实验要求及报告书(实验一:熟悉编程环境 实验二:建立个人博客)

    超级链接标识&lt;a&gt;;CSS样式的定义与应用标识&lt;style&gt;,;列表标识:有序,无序。 10. 利用JSP实现动态网页功能。 四.实验步骤: 2. 打开编辑器,根据以上设计好的网页录入HTML代码和CSS样式以及JSP代码; 3. 将...

    Access+2000中文版高级编程

    12.3.2 添加超级链接 370 12.3.3 在数据访问页中使用表达式 374 12.3.4 使用绑定的组合框和列表框 375 12.3.5 使用主题格式化 378 12.3.6 数据访问页所使用的其他控件 378 12.4 分组的数据访问页:Web报表...

    Access 2000中文版高级编程(part1)

    12.3.2 添加超级链接 370 12.3.3 在数据访问页中使用表达式 374 12.3.4 使用绑定的组合框和列表框 375 12.3.5 使用主题格式化 378 12.3.6 数据访问页所使用的其他控件 378 12.4 分组的数据访问页:Web报表 380 ...

    网页设计作业代码模板(HTML,CSS)

    超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息...

    计算机二级Web程序设计模拟卷(二).doc

    下列()实现单击超级链接是弹出确认对话框,询问用户是否真的删除。 A.删除 B.删除 C.删除 D.删除 正确答案:A 您的答案: 本题解析: 暂无解析 4.在HTML中引用外部JavaScript文件中的正确代码为()。 A. B. C. D. ...

    Excel2007图表完全剖析 2/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

    零基础学HTML CSS源代码

    示例描述:本章演示超级链接用法 target用法.html 链接参数target的用法。 title用法.html 链接参数title用法。 锚点链接.html 标记锚点...

    Excel2007图表完全剖析 8/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

    Excel2007图表完全剖析 1/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

    Excel2007图表完全剖析 4/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

    Excel2007图表完全剖析 6/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

    Excel2007图表完全剖析 3/8

    13.2.2 使用超级变量(super-variable):对象变量 293 13.2.3 在引用对象时使用With和End With 294 13.2.4 续行 294 13.2.5 在代码中添加注释 294 13.3 针对Excel 2007的新图表特性进行编程 295 13.4 在...

Global site tag (gtag.js) - Google Analytics