HTML快速入门6——连接

连接

上过网的人都知道，蓝色带下划线鼠标移动上去变成手的地方是可以点的。

让我们先来看看

例子：
<a href=http://qq.com.cn>Go QQ Home</a>

显示：

Go QQ Home

说明
　　大家都应该可以分析这个新的标签a了。他有一个属性href，
值是：http://qq.com.cn。他把Go QQ Home括起来了。不用解释，
大家也都知道鼠标点上去会发生什么事情了。

　　我们需要仔细的看看。a是anchor（锚）,（要从这里出发呀）
href是Hypertext reference（超文本连接）。
他的值：http://qq.com.cn，其中：
qq.com.cn是网站的地址。
http://表明所用协议（HTTP），其他的协议还可能是ftp://
（FTP文件传输协议），用过新闻组的朋友应该知道还有news://，
还有一个特殊的JavaScript:（JavaScript程序），
另外有一个比较重要的协议本地文件系统file://。

　　可能上面比较难以理解（对于非计算机专业人员），可以打一个
比方。我们上街消费，首先要知道消费场所的名字，而一个消费场所
又可能提供很多服务，比如购物，餐饮，娱乐等等，你显然还要告诉该消
费场所，你需要什么服务。

　　消费场所的名字就是上面提到的地址（qq.com.cn），而服务
就对应协议（http://）。就象一般大家上街主要是购物一样，大家上网一
般都是浏览（http://），所以在浏览器的地址栏内，一般你只要输入地址
就可以了（qq.com.cn），没有协议，浏览器就认为你要用http://去浏览该
站点了。

再举几个例子：
<a href=http://www.yahoo.com>去Yahoo连接</a>
<a href=http://www.sina.com.cn>去新浪的连接</a>
说明
　　上面两个就是到其他站点的连接。大家应该很容易的举一反三了。

连接的其他说明
我们现在需要研究一下超文本连接（href=后面的东西）。
首先我们来看看QQ看贴的一个连接：

http://hz.qq.com.cn:81/cgi-bin/bbs/sys/view.asp?id=123

　　商店里一般都不只一个柜台，你要买东西，自然要先选一个。
这个柜台就是连接中的:81，81代表了端口，很多人知道这个连接
是港台的BIG5码页面。大陆GB码的连接是：

http://hz.qq.com.cn:80/cgi-bin/bbs/sys/view.asp?id=123

因为80端口是http缺省的端口，所以一般都只写成：

http://hz.qq.com.cn/cgi-bin/bbs/sys/view.asp?id=123


　　说简单些，就是QQ对外提供了两个柜台，一个柜台是用BIG5码
专门为港台的朋友服务的，另一个缺省的柜台是针对大陆朋友的。
（显然其他大陆站点一般只有后一个柜台，所以港台的朋友必须借助
其他软件才能看到那些站点）

　　站好了柜台，你就要报出你要的东西了。商店里的东西很多，
所以用目录来管理，这样你要的东西就成了：

/cgi-bin/bbs/sys/view.asp

你是要根目录（/）下cgi-bin目录下bbs目录下sys目录下的view.asp商品。

似乎烦琐了一些，别急还没完，view.asp是看帖的，你还要告诉他你看
那张帖子

?id=123

字面上很容易理解了，
?，表明后面是你具体的要求，
id=123，你要的是第123号帖子。

再完整的看一下：
http://hz.qq.com.cn:81/cgi-bin/bbs/sys/view.asp?id=123

　 他就对应QQ里面一个看贴子的页面，而任何站点都是由很多很多
页面构成的。

　 现在是不是很清楚了？你要详细的告诉QQ，你到底要什么，
QQ才能按你的意思，给你合适的页面。

　 当然我想是不会有人愿意输入这么长一串字符来浏览的。
而实际上你也确实不用。你要记住的只是qq.com.cn！

这是QQ的大门，你输入qq.com.cn，就是请求显示QQ的大门，
QQ就把大门显示给你了，大门上显示着QQ都有那些二门，
你点一个感兴趣的二门，二门又会显示这个二门里的三门...

好了不用多说了，大家正是这样冲浪的。


　　对于冲浪者，的确只要会点鼠标就可以了。但显然这些大门、二门、
三门都是人设计出来的。我们现在学的连接就是为了把其他人引导
到他想去（或者你想他去）的地方。


连接使用

　　如果你在网上看到一篇很好的文章，你想推荐给你的朋友，
该怎么办？将连接直接告诉他是最直接的方法了。那个连接可能很长，
你甚至不用搞清楚他是什么意思，因为连接已经说明了一切。

怎么得到一个页面的连接呢？

当前页面的连接往往直接显示在浏览器的“地址输入栏”里。

说“往往”的意思其实是——往往没有显示。因为如果一个页面
用了frame（就象QQ首页分成左右两部分），地址栏的连接就不会变了。

现在大家把鼠标放在随便一个看帖子的连接上，浏览器状态栏
（在浏览器底部）就会显示类似下面的文字：
http://hz.qq.com.cn/cgi-bin/bbs/ie4/view.asp?j=0&id=123456

哈，这就是这个帖子的连接！你可以把他敲到浏览器的地址输入栏里，回车，
正象你想象的那样，浏览器显示了那张帖子！

有时候有的页面会用JavaScript将状态栏占用，显示“欢迎你光临”
什么的（真土），你可能看不清连接，这时候按住shift键，再点连接，
浏览器会新开一个窗口，地址栏里显示的就是那个连接了。
（如果这个连接是JavaScript，浏览器会报错的，这种连接是不能新开窗口的）

还有一个小技巧，在IE中鼠标放在一个连接上，点右键，弹出菜单里有
“复制快捷方式”（繁体版的可能显示类似“复制档案”“复制连接”什么的），
这就是把这个连接复制到剪贴板，然后你就可以粘贴到其他任何地方了，
比如浏览器的地址栏，给朋友的Email里...


讲了很多都和HTML没什么关系的，实际上A的确很简单，并不需要太多的解说，
倒是这个href的值，如何用，如何得到，如何自己构造，显得有很多小技巧。


连接在QQ中的实际应用

现在大家应该很清楚如何引用其他贴子了吧？

最快捷：右点一个帖子的连接，粘贴到
<a href=></a>

的 href=后面，然后在 </a>前面还可以写上说明。
（也必须写上些什么，否则别人点什么呢？）

而且看贴的连接是很规则的，知道了帖子的ID，
你自己很容易直接写出这个连接的，
不是有人问过，知道帖子的ID怎么看贴吗？

很简单呀！
在浏览器的地址栏里直接输入：
http://hz.qq.com.cn/cgi-bin/bbs/ie4/view.asp?id=

最后再输入帖子的ID，回车！

不太好记吗？

http://hz.qq.com.cn这个不用记吧？
或者干脆：
hz.qq.com.cn

然后： /cgi-bin/bbs/，这个是固定的，
ie4？这是ie4界面，当然你也可以换成：
sys　　非Ie4界面
hlm　　悼红轩
yueju　越风
wenji　QQ文集
poem　 QQ诗社
...

view.asp?猜也猜出来了，看贴嘛
?id=，就是让你提供帖子的ID嘛！





练习题
　　1.用预览构造几个你常去站点的连接，并点点看。

　　2.直接在浏览器地址栏里输入连接，看一张贴，
分别用ie4界面，非ie4界面，悼红轩，越风，QQ文集，QQ诗社。
不需要该变帖子ID。大家会看到同一张帖子用不同风格显示出来了。

如果告诉你没有找到，那么一定是你把连接写错了。


思考题
　　东西似乎很多，请仔细想一想连接到底是什么？
连接由那几部分组成？


下一课，会讲一个比较重要的概念“ 相对连接”