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

用好超级链接标记—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)的写信功能,并已把邮件地址加在了收信人的地址栏里了。
  链接不仅可以以文本作载体,也可以以图象作载体,而且可以以图片的某一部分作载体,且都能实现上述这些效果,方法也相同,所不同只是载体,也就是链接的两对方括号中间的那部分,所以不再另举例了。
分享到:
评论

相关推荐

    54超级链接的制作.rar_超级链接_超级链接的

    在HTML中,我们使用`&lt;a&gt;`标签来创建超级链接。基本的结构如下: ```html &lt;a href="链接地址"&gt;链接文字&lt;/a&gt; ``` - `href`属性:定义了链接的目标地址,可以是绝对URL(如http://www.example.com)或相对URL(如/...

    图片加超级链接的使用

    超级链接,也称为URL链接,是由HTML(超文本标记语言)中的`&lt;a&gt;`标签创建的。基本语法如下: ```html &lt;a href="目标URL"&gt;显示文本&lt;/a&gt; ``` 其中,`href`属性定义了链接的目标地址,而“显示文本”是用户在网页...

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

    #### 一、超级链接标记A的基本概念 超级链接标记`&lt;a&gt;`在HTML中是最基本也是最常用的元素之一。它代表了一个链接点,即通过它可以把当前位置的文本或图片连接到其他的位置,如其他页面、文本或图像。在网页设计中,`...

    HTML的页面链接A标签.pdf

    &lt;A href="#marker"&gt;主题名称 &lt;/A&gt;超级链接名称前面的符号“#” 告诉浏览器当前链接是文档中的一个锚记点。由于在符号“#” 前未指定任何文档,浏览器由此知道该链接位于同一文档内。 例如: 淘宝网主页 [免费...

    农产品HTML网页制作-超级链接.pptx

    HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它允许我们构建结构化的文档,并通过超级链接将不同的网页互相连接,使得用户能够在互联网上自由浏览信息。 创建超级链接在HTML中非常直观,...

    超级简单丨用最基础的css做出来的哆啦A梦头像

    【标题】"超级简单丨用最基础的CSS做出来的哆啦A梦头像"揭示了本次主题是关于使用CSS(层叠样式表)这一前端技术,制作哆啦A梦头像的教学内容。对于初学者或者对CSS有0基础的人来说,这个项目是一个理想的起点,它...

    HTML(HyperText Mark-up Language)即超文本标记语言

    - **超级链接标签** (`&lt;a&gt;`): 创建指向其他页面或文件的链接。 - 示例: ```html &lt;a href="https://www.example.com"&gt;访问示例网站&lt;/a&gt; ``` #### 四、HTML文档的创建与编辑 - **编辑器**: HTML文档通常需要通过...

    易语言超级列表框转HTML

    HTML(HyperText Markup Language)是网页内容的标准标记语言,通过一系列标签来定义文本、图像、链接等各种元素的结构和样式。将易语言的超级列表框数据转化为HTML,实质上就是将列表框中的每一行数据转化为HTML...

    计算机的HTML题库.pdf

    本资源摘要信息涵盖了...18. < a href= ″ #hlj ″ >黑龙江< /a >的作用是超级链接到本文件中hlj标记处。 19. HTML中表示文字粗体的标记除了使用外, 还可以使用。 20. 用于设置文字颜色的属性是 font-color。

    HTML题库定义.pdf

    18. 关于超级链接,一个超级链接是由被指向的目标和指向目标的链接指针组成(A. 正确)。 19. `&lt;a href=" #hlj "&gt;黑龙江&lt;/a&gt;` 的作用是(B. 超级链接到本文件中hlj标记处),#hlj 是一个内部链接锚点。 20. HTML中...

    网页超链接的制作.pdf

    书签链接的创建涉及在HTML代码中定义书签(用`&lt;a name&gt;`标记)和创建链接到该书签的链接(用`&lt;a href&gt;`标记,值为"#书签名")。 3. 站间超级链接: - 不同站点间的链接可以将用户引向互联网上的其他网站,以获取更...

    超级连接的制作

    通过使用`&lt;a&gt;`标签,我们可以创建指向其他网页、文件、电子邮件地址或者页面内的特定位置的链接。基本语法如下: ```html &lt;a href="链接地址"&gt;显示的文本&lt;/a&gt; ``` `href`属性定义了链接的目标,可以是一个URL,也...

    HTML题库.docx

    17. 超级链接的组成:超级链接由被指向的目标和指向目标的链接指针组成。 18. 文字粗体的标记:除了使用 &lt;strong&gt; 外,还可以使用 &lt;b&gt; 标记表示文字粗体。 19. 文字颜色的设置:使用 color 属性可以设置文字的颜色...

    计算机二级网页制作备考资料.docx

    包括网页与 HTML 语言的基础知识、规划和建设站点的基本知识、网页文本和图片的处理、网页中插入视音频 FLASH 等元素的基本操作、多种超级链接的建立、表格、框架的使用等。 一、网页与 HTML 语言的基础知识 * ...

    提取文件中的超级链接-易语言

    这些文件中可能包含丰富的信息,比如超级链接,它们是以超文本标记语言(HTML)形式存在的URL,允许用户从一个网页跳转到另一个网页。在易语言这种中国本土的编程语言环境下,学习如何提取文件中的超级链接是一项...

    ASP超级链接和HTML函数正则表达式 修正版

    本文主要介绍ASP中如何使用正则表达式来处理HTML代码,尤其是针对超级链接和HTML标签的过滤与清理。 ### 正则表达式在ASP中的应用 在ASP中使用正则表达式,首先需要创建一个RegExp对象,并设置其属性,如忽略大小...

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

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

    Markdown语法大全(超级版).pdf

    对于Markdown中未包含的标签,可以直接使用HTML标签,例如使用HTML `&lt;a&gt;`标签替代Markdown的链接语法。 在Markdown中,有两个字符需要特殊对待:&lt;和&,左尖括号用于起始标签。如果你想将它们用作字面量,你必须将...

Global site tag (gtag.js) - Google Analytics