1. 连结基本概念：一般而言，所谓连结就是，在网页中有些字会有特别的颜色，而且字的底下会有条线，当游标移到那些字上时，会变成手指形状，按下去，则会连到别的文章或网站，就像这样（以上这段是给超级新手看的...）。

   扯到连结，最基本来看有‘内部连结’及‘外部连结’，所谓‘内部连结’就是自己网站间网页的连结，至于外部连结我们稍后再来讨论。

   要了解内部连结，首先必须先了解一下这两种东西，一个是‘相对路径’，一个是‘绝对路径’。

   现在假设一个情形：我们在自己的电脑里设计网页，所有网页相关的档案我们通通放在 c:/www 里面，现在假设 c:/www 里面目前有 index.htm 、 text1.htm 、 p1.gif 、 p2.gif 这四个档案。ok！

   现在我们想在 index.htm 里面设一个连结，能够按一下就连到 text1.htm，那我们该怎么做呢？基本上，有两中方式可以做到，在 index.htm 里面加上下面任一叙述：

   <a href="/c|/www/text1.htm">	这就是‘绝对路径’
   <a href="text1.htm">	这就是‘相对路径’

   瞧出什么端倪了没有？嗯嗯....没错，‘绝对路径’要给电脑一个非常详尽的位置，让电脑寻着这路径去找到档案。而‘相对路径’就简单多啦！如果没有特别指定，他就会直接在 index.htm 的所在目录下找，也就是在 c:/www 底下去找text1.htm。

   如果说，今天我们将 c:/www 里所有的档案都上传到网路上的网页伺服器（总不能做好了只给自己看吧！），且该伺服器是别人的电脑，而非你自己架设的主机，那么问题就来了！你猜，哪一种连结会出问题？呵呵...答案是‘绝对路径’，您猜对了吗？

   为什么说‘绝对路径’会出问题呢？因为，当您将档案上传到网路上时，您的整个网页目录架构一定会变，到时候，电脑可能找不到 c:/ （尤其是unix系列的主机）更可能找不到 www 这目录（有些会规定要放在特定的目录下才能显示网页），所以说，没事的话，尽量用‘相对路径’来作连结吧！好写又不容易出错。

   另外一个情形是：为了整理方便，有些网友喜欢将图档通通放到同一个目录下，如：c:/www/gif/ 底下放进了p1.gif 、 p2.gif两个图，而index.htm 、 text1.htm 依旧在 c:/www 底下。现在我们想在 index.htm 下设个连结到 p1.gif 这图档（连结不限于只能连html档，图档、文字档均可），那我们又该如何来使用‘相对路径’呢？他们又不在‘同一个目录’下...？

   <a href="/c|/www/gif/p1.gif">	这是‘绝对路径’的写法
   <a href="gif/p1.gif">	这是‘相对路径’的写法

   如何？不难吧！（只是字有点多，看到脑子发胀）

1. 总整理：很乱吗？嗯...看看这表，或许会清楚些。

   相对路径表示方式	代表连结位置
   <a href="text1.htm">	text1.htm在目前的目录中（就例子而言，就是在c:/www中）
   <a href="docs/text1.htm">	text1.htm在名为docs的次目录中（就本例而言，就是在c:/www/docs中）
   <a href="../text1.htm">	text1.htm在目前目录的上一层目录中（就本例而言，就是在c:/底下了）

【网页内部的连结】

1. 使用方法：
   1. 先在欲连结处作记号：<a name="here1">这里是你想连结的点</a>
   2. 设定连结：<a href="#here1">连结</a>
2. 标签解说：有时候，当某页的内容很多时，我们可以利用网页的内部连结，来使使用者快速的找到资料。其原理不过是：在欲连结处做个记号（网页的任何地方都可以喔！），然后，连结时就寻这记号，就可以快速找到资料。很简单吧！
3. 使用范例：
   

   范例	第一步骤	第二步骤
   www连结标签基本概念	<a name="m1">欲连结的位置</a>	<a href="#m1">www连结标签基本概念</a>
   网页内部的连结	<a name="m2">欲连结的位置</a>	<a href="#m2">网页内部的连结</a>
   网页外部的连结	<a name="m3">欲连结的位置</a>	<a href="#m3">网页外部的连结</a>

【网页外部的连结】

1. 标签解说：连结到外面去，可以扩充您网站的实用性及充实性，也正因这功能，才造就了www五彩缤纷的世界。由于网路上的服务五花八门，所以不同的服务有不同的连结方法，我将之整理在下表。
2. 使用范例：
   

   网站连结	好站	<a href=http://blog.csdn.net/xinqingch/>好站</a>
   电子邮件连结	写情书给我	<a href=mailto:xinqingch@163.com>写情书给我</a>
   ftp连结	下载档案	<a href="ftp://ftp.ntu.edu.tw">下载档案</a>
   news连结	seednet news服务	<a href="news:news.seed.net.tw">seednet news服务</a>
   gopher连结	seednet gopher服务	<a href="gopher://gopher.seed.net.tw/">seednet gopher服务</a>
   bbs连结	seednet gopher服务	<a href="telnet://bbs.seed.net.tw/">seednet bbs服务</a>

【连结标签的参数】

1. 使用方法：在连结后面加入 target=_参数
2. 标签解说：连结的参数并不多，常见的大概就属 target 这参数了，target 的意思是‘目标’，也就是网页连结的指向目标，这参数在框窗（frame）里尤为重要！
3. 使用范例：
   • target=框窗名称：
     这在‘框架标签’中也有提到，而且也只有在框架（框窗 or frame）中才用得到。正常而言，框窗有各自的名称，因此，我们可以利用此标签，来指定连结的内容显示到哪一个框窗中。
   • target=_blank：
     将连结的画面内容，开在新的浏览视窗中。
   • target=_parent：
     将连结的画面内容，当成文件的上一个画面。
   • target=_self：
     将连结的画面内容，显示在目前的视窗中。
   • target=_top：
     这个参数可以解决新连结的画面内容，被旧框窗包围的困扰，使用这参数，会将整个画面重新显示成连结的画面内容。