文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

最新素材图库


当前位置:首页 >> 网页教程>> HTML/CSS >> HTML网页超链接标记<A>学习教程

HTML网页超链接标记<A>学习教程


作者: 佚名 来源:网络 浏览:45 日期:2008-8-27 8:59:12

HTML网页超链接标记学习教程

链接标记的属性

链接是网页页面中最重要的元素之一,是一个网站的灵魂。一个网站是由多个页面组成的,页面之间依靠链接确定相互的导航关系。每一个网页都有独一无二的地址,在英文中被称作url(Uniform Resource Locator:通用资源标示符)。在地址栏输入http://www.webjx.com然后回车,会打开网页教学网网站的主页面。可以看到,页面中有多个栏目,多条新闻等,最上方不同的栏目就是文字链接。

链接标记虽然在网站设计制作中占有不可替代的地位,但是其标记只有一个,那就是<a>标记。本站介绍的链接应用都是基于<a>标记基础上的。

链接标记的属性见下表

属性 描述
href 指定链接地址
name 给链接命名
title 给链接提示文字
target 指定链接的目标窗口
accesskey 链接热键

关于路径

每一个文件都有自己的存放位置和路径,理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之下,但是当创建网页时,不可能也不需要为每一个链接都输入完全的地址。我们只需要确定当前文档同站点根目录之间的相对路径关系。因此链接可以分为以下3种:

  • 绝对路径

    如http://www.webjx.com

  • 相对路径

    如news/default.htm

  • 根路径

    如/website/news/default.htm

在了解这三种地址形式前先要理解另外两个概念:内部链接和外部链接

内部和外部都是相对于站点文件夹而言,如果链接指向的是站点文件夹之内的文件,就是内部链接。如果链接指向站点文件夹之外的,就被称做外部链接。在添加外部链接的时候,将用到下面所讲的绝对地址;而添加内部链接的时候,将用到下面所讲的根目录相对地址和文件相对地址。

下面分别介绍这3种链接:

  1. 绝对路径

    绝对路径为文件提供完全的路径,包括适应的协议,如http,Ftp,rtsp等。一般常见的有:

    http://www.sohu.com

    ftp://202.136.254.1

    当链接到其它网站中的文件时,必须使用绝对链接。

  2. 相对路径

    相对链接最适合网站的内部链接。只要是同一网站之下的,即使不在同一个目录下,相对链接也非常合适。文件相对地址是书写内部链接的理想形式。只要是处于站点文件夹之内,相对地址可以自由地在文件之间构建链接。这种地址形式利用的是构建链接的两个文件之间的相对关系,不受站点文件夹所处服务器位置的影响。因此这种书写形式省略了绝对地址中的相同部分。这样做的优点是:站点文件夹所在的服务器地址发生改变时,文件夹的所有内部链接(如果采用此种地址形式)都不会出问题。

    相对链接的使用方法为:

    • 如果链接到同一目录下,则只需输入要链接文档的名称。
    • 要链接到下一级目录中的文件,只需先输入目录名,然后加" / "再输入文件名。
    • 如链接到上一级目录中的文件,则先输入"…/ ",再输入目录名、文件名。
  3. 根路径

    根目录相对地址同样适应于创建内部链接,但大多数情况下,不建议使用此种地址形式。它在下列情况下使用:

    • 当站点的规模非常大,防置于几个服务器上时
    • 当一个服务器上同时放置几个站点时

根目录相对地址的书写形式也很简单,首先以一个斜杠开头,代表根目录,然后书写文件夹名,最后书写文件名。根路径以" / "开始,然后是根目录下的目录名。


上一篇:HTML网页列表标记学习教程 下一篇:HTML网页图片标记<IMG>学习教程
【关闭窗口】 【返回顶部】返回网页教程】 【返回HTML/CSS

相关推荐文章

你应该关注web标准的..

立体视觉 让您的网页“..

CSS重新定义项目符号..

让自己的网站也拥有权威..

不用float实现模块..

采访Eric Meye..

CSS轻松实现色块标题..


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号