转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
HTML教程-文件之间的链接         ★★★★

HTML教程-文件之间的链接

作者:闵涛 文章来源:闵涛的学习笔记 点击数:602 更新时间:2009/4/23 11:15:41

超文本中的链接是其最重要的特性之一,使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下:

      <A HREF="资源地址">链接文字</A>

  ·标签<A>表示一个链接的开始,</A>表示链接的结束;
  ·属性“HREF”定义了这个链接所指的地方;
  ·通过点击“链接文字”可以到达指定的文件。

  <A HREF="http://www.sjstc.edu.cn">中国山西之窗</A>


  链接分为本地链接、URL链接和目录链接。在各种链接的各个要素中,资源地址是最重要的,一旦路径上出现差错,该资源就无法从用户端取得。

本地链接:
**************

  对同一台机器上的不同文件进行的连接称为本地链接,它使用UNIX或DOS系统中文件路径的表示方法,采用绝对路径或相对路径来指示一个文件。
  例如:我们现在正在浏览的这一页的绝对路径是:c:\study\HTML教程\link01.htm
     而这一页相对于当前目录即“HTML教程”的相对路径是:link01.htm
     如果是浏览HTML教程之外的一页,该文件路径要以两个圆点(..)来表示上一层目录:                    ../../internet/IP地址

  现在我们把这几种路径的表示方法写入链接中:

  以绝对路径表示:<A HREF="/c:\study\HTML教程\link01.htm">文件的链接</A>
  以相对路径表示:<A HREF="link01.htm">文件的链接</A>
  链接上一目录中的文件:<A HREF="../../Internet/IP地址">IP地址</A>

  一般情况下,我们是不用绝对路径的,因为我们的资源常常是放在网上供其他人浏览的,写成绝对路径,当我们把整个目录中的所有文件移植到服务器上时,带有C:\的资源地址用户将无法访问到。所以我们最好写成相对路径,避免了重新修改文件资源路径的麻烦。

URL链接
************

  如果链接的文件在其它服务器上,我们就要弄清我们所指向的文件时采用的哪一种URL地址。URL意思是统一资源定位器,通过它可以以多种通讯协议于外界沟通来存取信息。

  URL链接的形式是:  协议名://主机.域名/路径/文件名
  其中协议包括:

  file      本地系统文件
  http      WWW服务器
  ftp       ftp服务器
  telnet     基于TELNET的协议
  mailto     电子邮件
  news      Usenet新闻组
  gopher     GOPHER服务器
  wais      WAIS服务器

  例如,我们这样来表达一个URL地址:

      http://www.sjstc.edu.cn/
      ftp://ftp.sjstc.edu.cn
      telnet://bbs.xanet.edu.cn

 写在HTML文件中,链接其他主机上的文件时,格式如下:

  <A HREF="http://www.sjstc.edu.cn/default.htm">中国山西之窗</A>
  <A HREF="telnet://bbs.xanet.edu.cn">西北网络中心兵马俑站</A>

目录链接
**************

  前面所谈的资源地址,只是单纯的指向一份文件,但是,对于直接指到某文件上部、下部或是中央部分,以上方法却是无法做到的。然而,我们要这样做,也并不是毫无办法。我们可以是使用目录链接。

  制作目录链接方法是:
  ·首先把把某段落设置为链接位置,格式是:〈A NAME="链接位置名称"></A>
  ·在调用此链接部分的文件,定义连接:<A HREF="文件名#链接位置名称">链接文字</A>
   如果是在一个文件内跳转,文件名可以省略不写。


例:

<html>
<head>
<title>链接举例</title>
</head>

<body>
<font color=blue>

  我们的HTML教程已经进行到“文件之间的链接”部分,其中,我们学习了<A href="link01.htm#n1">本地链接<A>、<A href="link01.htm#n3">目录链接</A>和<A href="link01.htm#n2">URL链接</A>。之前,我们还介绍了<A href="4.htm">文字的设计</A>、<A href="table.htm">TABLE表格</A>、<A href="list01.htm">列表</A>等内容。也许很多人理解起来比较吃力,这是很正常的,每个人在刚刚接触它的时候往往要度过很长的一段接受时期。<P>
  除了我们的这个教程外,网上也有很多的站点介绍了HTML文件的制作方法,在这里,我来推荐几个做得相当不错的站点:<P>

 <A href="http://www.dlc.sjtu.edu.cn/courseware/html_learning/hrefsrcci.htm">HTML语言参考</A><br>
 <A href="http://www.gzsums.edu.cn/webclass/html/html_design.html">HTML语言教程</A><br>
 <A href="http://www.netease.com/~feng/html/index.htm">HTML程序员手册</A><P>

</body>
</html>超文本中的链接是其最重要的特性之一,使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下:

      <A HREF="资源地址">链接文字</A>

  ·标签<A>表示一个链接的开始,</A>表示链接的结束;
  ·属性“HREF”定义了这个链接所指的地方;
  ·通过点击“链接文字”可以到达指定的文件。

  <A HREF="http://www.sjstc.edu.cn">中国山西之窗</A>


  链接分为本地链接、URL链接和目录链接。在各种链接的各个要素中,资源地址是最重要的,一旦路径上出现差错,该资源就无法从用户端取得。

本地链接:
**************

  对同一台机器上的不同文件进行的连接称为本地链接,它使用UNIX或DOS系统中文件路径的表示方法,采用绝对路径或相对路径来指示一个文件。
  例如:我们现在正在浏览的这一页的绝对路径是:c:\study\HTML教程\link01.htm
     而这一页相对于当前目录即“HTML教程”的相对路径是:link01.htm
     如果是浏览HTML教程之外的一页,该文件路径要以两个圆点(..)来表示上一层目录:                    ../../internet/IP地址

  现在我们把这几种路径的表示方法写入链接中:

  以绝对路径表示:<A HREF="/c:\study\HTML教程\link01.htm">文件的链接</A>
  以相对路径表示:<A HREF="link01.htm">文件的链接</A>
  链接上一目录中的文件:<A HREF="../../Internet/IP地址">IP地址</A>

  一般情况下,我们是不用绝对路径的,因为我们的资源常常是放在网上供其他人浏览的,写成绝对路径,当我们把整个目录中的所有文件移植到服务器上时,带有C:\的资源地址用户将无法访问到。所以我们最好写成相对路径,避免了重新修改文件资源路径的麻烦。

URL链接
************





[网页制作]HTML教程-文件之间的链接  
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台