超链接标记 链接到同一文件 图片超链接

超链接

超链接是HTML最吸引人们的地方之一。使用超链接可以是顺序存放的文件与有一定程度上随机访问的能力,这更符合人类的思维方式。人的思维是跳跃的,交叉的,而每一个超链接正好代表了作者或者读者的思维跳跃。因而组织得毫安的超链接不仅能使读者跳过他不感兴趣的章节,而且有助于更好地理解作者的意图。
一个超链接有两个部分组成,一是被指向的目标,它可以是同一个文件的另一个目标,也可以是世界另一端的一个文件,还可以是动化或音乐;另一部分是指向目标的链接指针。
在Internet上,各个网络,各台主机的操作系统都不一样,因此必须指定访问该文件的方法。一个超链接URL包括了以上所有的信息。它的构成为:
protocol://machine.name[:port]/dircetory/filename
其中:
●protocol   是访问该资源所采用的协议,即访问该资源的方法,它可以是:
●http   超文本传输协议,该资源是html文件
●file   文件传输协议,是ftp访问该资源
●ftp   文件传输协议,用ftp访问该资源
●gopher     gopher协议,该资源是gopher文件
●news   表明该资源是网络新闻
machine.name是存放该资源主机的IP地址,通常以字符形式出现,如sina.com.cn
port端口号,是服务器在该主机使用的端口号。一般情况下不需要指定。只有当服务器所使用的端口号不是缺省的端口号才指定。
dircetory和filename是该资源的路径和文件名
一个典型的URL为;http://37bbs.8u8.com 它表示8U8上的起使HTML文件,一般为index.html
与单机系统绝对路径,相对路径的概念相似,统一资源定位器也有绝对URL和相对URL之分。上文所叙的是绝对URL。相对URL是相对于你最近访问的URL,比如你正在观看一个URL为http://37bbs.8u8.com/index.html的文件,如果想看同一目录下的另一个文件china.htm,你就可以直接使用china.htm,这时china.htm就是一个相对URL,它的绝对URL为:http://37bbs.8u8.com/china.htm

超链接标记(<a>)
在HTML文件中使用超链接标记指向一个目标,其基本格式为:
<a href="URL">字串符</a>
href属性中的统一资源定位器(URL)是被指向的目标,随后的“字符串”在HTML文件中充当指针的角色,它一般显示为蓝色,当读者用鼠标点这个字符串时,浏览器就会将URL处的资源显示在屏幕上。
在编写HTML文件时,需要知道目标的URL。如何才能得到目标的URL呢?对于自己主机内的文件,它的URL可以根据该文件的实际情况绝对。对于Internet上的资源,我们在浏览器中观看的时,它的URL会在浏览器的loaction一栏中显示出来,把它抄下来写到HTML文件中即可。
在编写HTML文件时,对有能确定关系的一组资源(比如在同一个目录中)应采用相对URL,这不仅简化你的HTML文件,而且便于维护。比如当你需要把某个目录整个搬到另外一个地方或把某一主机的资源移到另一台主机时,以内感相对URL写的HTML文件就用不着更新当中的URL(只要它们的相对目录没有改变)。但如果你用绝对URL编写的HTML,你就不得不逐字修改每个链接指针中的URL,这是一件很乏味也很容易出错的工作。对于各个资源之间没有固定的关系,比如你的HTML文件是介绍各大学情况的,它所指向的目标分布在全球的主机中,这时你就只能用绝对URL了。

链接至同一文件
上文提到的链接指针可以使读者在整个Internet网上方便地链接。但如果编写了一个很长的HTML文件,从头到尾地读很浪费时间。这时就可以在同一文件的不同部分之间也建立起链接,使用户方便地在上下文之间实现跳转。
对于一个完整的文件,可以用它的URL来唯一的标识它,但对于同一文件的不同部分应该怎样来标识呢?下面的内容介绍超链接的另外一个用途——表示目标。
表示一个目标的方法为:
<a name="object-name">text</a>
name属性将防止该标记的地方标记为“object-name",object-name是一个全文唯一的标记串,text部分为连接的提示。这样,就把放置标记的地方做了一个叫"object-name"的标记。
做好标记后,可以用下列方法来指向它;
<a href=#object-name>text</a>
object-name是标记名,这时就可以点取text跳跃到标记名为object-name的部分了。

图片超链接
图片也可以用来作超链接.
标记格式为:<a href=url><img src=url></a>
可以看出,上例中用<img src=url>取代了链接指针中text的位置。
<img src=url>是图片标记,它表明此处显示URL指向的图片文件。当鼠标放置在图片上时,鼠标变成手形,表示这是一个超链接。