HTML进阶应用技巧(三)用好超级链接标记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" >链接</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:web@webjx.com">请给我写信</a>。一旦你点击了“请给我写信”这个链接,将自动启动电子邮件管理软件(如OE)的写信功能,并已把邮件地址加在了收信人的地址栏里了。

  链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。

时间: 2024-10-27 12:11:30

HTML进阶应用技巧(三)用好超级链接标记A的相关文章

用好超级链接标记—A

链接 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构.<a>标记的基本语法结构是: <a class=type id=value href=reference name=value rel=same|next|parent|previous rev=value target=window style=value

HTML进阶应用技巧(十二)帧窗口之间的交互技巧

技巧|交互 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为: <frameset rows="20%,*"> <frame name="

初学网页者推荐:HTML进阶应用技巧教程(目录)

初学|技巧|教程|网页 1.HTML进阶应用技巧(一)HTML语言基础 (2006-01-21) 2.HTML进阶应用技巧(二)用好活动字幕标记marquee (2006-01-21) 3.HTML进阶应用技巧(三)用好超级链接标记A (2006-01-21) 4.HTML进阶应用技巧(四)用好基本图像标记img (2006-01-21) 5.HTML进阶应用技巧(五)用好图像的作用区域标记area (2006-01-21) 6.HTML进阶应用技巧(六)用好HTML的表格标记 (2006-01

VB.net技巧之六------DataGrid模板列中的超级链接

datagrid|技巧|链接|模板 WebForm2.aspx 文件: <%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm2.aspx.vb" Inherits="house.WebForm2"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&

WPS 2007使用技巧三则

国产办公软件WPS Office 2007以小巧的身形却实现了微软Office大部分的功能,综合来说应该是一个非常不错的办公软件.今天我们王二大家介绍三则关于WPS Office 2007的使用技巧. 技巧一:获得漂亮的拼音效果 语文试卷中一般都会有根据拼音写汉字的题目,利用WPS文字2007可以很轻松的实现这个要求.首先 在文档中正常输入需要注音的汉字,例如"暖风熏得游人醉,直把杭州作汴州",选中这些 诗句,依次选择"格式"→"中文版本"→&q

【Silverlight】 Bing Maps开发应用与技巧三:Bing Maps Silverlight Control

[Silverlight] Bing Maps开发应用与技巧三:Bing Maps Silverlight Control的离线开发 我相信大多数使用Bing Maps开发的朋友都见过如下的画面,就是当我们在开发Bing Maps的时候,将开发KEY填写错误导致用户授权验证失败出现的下图提示错误. 使用Bing Maps Silverlight Control开发的缺点就在于它默认是使用的微软自己提供的在线地图数据,而且Bing Maps Silverlight Control还与开发者账号进行

使用Office2010截图、抠图技巧三:自定义用户界面

技巧三:自定义用户界面 Office2010的用户界面可以根据我们的需要自行定义,操作也是相当的简单.单击左上角的Office按钮进入配置面板,选择 "CustomRibbon",在这里可以对所有的标签页.按钮进行定制,例如可以调整各个选项卡的位置.删除选项卡,也可以将原本显示为英文的对象更改为中文,只要选定之后单击右下角的"Rename"按钮即可重命名,利用这一功能可以对用户界面进行"汉化". 切换到"QuickaccessToolb

多屏复杂动画CSS技巧三则

  当下CSS3应用已经相当广泛,其中重要成员之一就是CSS3动画.并且,随着CSS动画的逐渐深入与普及,更复杂与细腻的动画场景也如雨后春笋般破土而出.   例如上个月做的「企业QQ-新年祝福」活动:   虽然视频内容是手机上的显示效果,但是,这个"企业新年祝福活动"原本只针对桌面端,移动端是后来辅助增强(增加了相当于活动页面UV 5.7%的点击).而目前大多数类似页面只针对移动端,例如其他同事实现的QQ空间5.0预约页第二版: 扫码(需登录)或者链接二选一: 因此,需要多一点适配的技

DB2编程序技巧 (三)_DB2

正在看的db2教程是:DB2编程序技巧 (三).  另一种为       pcursor1: for loopcs1 as  cousor1  cursor  as select  market_code  as market_code            from tb_market_code            for update         do         end for;        这种方式的优点是比较简单,不用(也不允许)使用open,fetch,close.