| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • HTML语言剖析(八)表单标记

  • HTML语言剖析(七)表格标记

  • 弹出网页窗口全攻略(html/ht…

  • 解析HTML的增强标记

  • 批量消除超链接虚线框

  • HTML语言剖析(十二)多媒体…

  • HTML之清单标记

  • HTML之图形标记

  • HTML之字体标记

  • HTML 标记一览

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> 网页设计 >> HTML >> 文章正文
    用好超级链接标记—A         
    用好超级链接标记—A
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-4
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:
      超级链接<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>。

    [1] [2] 下一页  

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |