超链接之内部链接

3 内部链接

        在各种超链接中,根据链接对象的不同,设置的方式也有所区别。内部链接是指链接的对象是在同一个网站中的资源。下面通过一个实例说明在一个网站中内部链接的实现方法。
        在本实例中共包含 3 个文件,分别为index.html、film1.html 和film2.html。其中,index.html 作为一个起始页面,另外两个文件放置在与index.html 文件同级的film 文件夹中。本实例通过3 个文件的互相连接说明在网站内部进行链接的方法。
        文件 index.html 的代码如下:
<html>
<head>
<title>内部链接的实现</title>
</head>
<body>
<center><h2>世界影片介绍</h2></center>
<hr size=2 color="#990000">
<font size=4>征婚启事Must Love Dogs</font><br><br>
导演编剧:格雷·大卫·古德伯格 Gary David Goldberg<br>
主演:戴安·莲恩 Diane Lane<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;克里斯托佛·布拉默 Christopher Plummer<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;约翰·库萨克 John Cusack<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;伊丽莎白·博金斯 Elizabeth Perkins<br>
类型:爱情<br>
地区:美国<br>
上映日期:2005 年7 月<br><br>
<A href="film/film1.html">影片详情</A>
<hr size=3 color="#990066">
<font size=4>帝企鹅日记LA MARCHE DE L'EMPEREUR</font><br><br>
导演/编剧:吕克·贾盖 Luc Jacquet<br>
主演:Romaine Bohringer<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Charles Berling<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jules Sitruk<br>
类型:剧情<br>
地区:法国<br>
上映日期:2005 年8 月<br><br>
<A href="film/film2.html">影片详情</A>
</body>
</html>
        在该文件中包含了两个链接,一个是影片“征婚启事”的详情介绍的链接,另一个是影片“帝企鹅日记”的介绍。这两个文件都位于文件夹film 中,在链接时需要在链接地址中加入目录和文件名称。
        影片“征婚启事”的介绍文件 film1.html 的代码如下:
<html>
<head>
<title>内部链接的实现</title>
</head>
<body>
<h3>征婚启事Must Love Dogs</h3>
剧情介绍:<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;搞对象从来就不是什么轻松的事情。有好事者曾经总结过如下的爱情黄字公式:一份羞辱+两份恼怒+一些对未来"好运气"的盲从=所谓爱情。而现如今的搞对象方式就更没法让人乐观了,网络交友、吃饭相亲、朋友或亲戚的胡乱介绍……到底怎样才能找到合适的意中人啊?<br>
&nbsp;&nbsp;&nbsp;&nbsp;单身女人莎拉·诺兰(戴安·莲恩)最近正在为搞对象的事情发愁呢。三十锒铛岁的她以前是一名中学女教师,8 个月前刚刚离婚,目前一个人过着孤苦的日子。可想而知,这样的女人要么整天伤心得恨不得患上孤僻症或抑郁症;要么就是脾气暴躁得让所有亲戚朋友敬而远之。无论如何,莎拉的家人是绝不能忍心看她离婚这么长时间还没再找对象的,于是她的两位姐妹出于好心,开始给她介绍各种各样离谱儿的男人来相
亲。与此同时,莎拉鳏居的父亲比尔(克里斯托佛·布拉默)也在寻找自己的第二春,最近他看上了一位名叫多丽的思想开放的女人……<br><br>
<A href="../index.html">返回</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<A href="film2.html">下一个影片介绍</A>
</body>
</html>
初始页面index.html 则位于该文件的上一级目录中,在链接时需要在文件名前添加“../”。而影片“帝企鹅日记”的影片介绍与文件film1.html 位于同一目录下,是同级文件,在链接时只需要将链接地址设置为该文件名film1.html 即可。文件film2.html 的代码如下:
<html>
<head>
<title>内部链接的实现</title>
</head>
<body>
<h3>帝企鹅日记LA MARCHE DE L'EMPEREUR</h3>
剧情介绍:<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;本片记录的是在南极大陆上生活的帝企鹅的生存和繁衍的故事。影片展示了帝企鹅这个滑稽、可爱而又坚强的物种怎样与严酷的自然环境和它们的天敌作斗争,怎样对小企鹅倾注它们的爱,从而完成它们的生命延续之旅。<br>
&nbsp;&nbsp;&nbsp;&nbsp;在南极洲地冻天寒的冬天,企鹅对生活环境的选择十分有限:一边是北部,这里有广阔的海洋,相对温暖的生存环境,充足的食物来源;一边是南部,寒冷终年、冰雪覆盖,但环境相对稳定。为了使刚出生的小企鹅不受气候突变所带来的危险,帝企鹅只有离开安逸的北部踏上长达几百公里、危险的旅程前往寒冷的南部,在那里产卵,孵卵,直到春回大地。这一切只为了物种的繁衍。这种看起来柔弱笨拙、容易受伤的动物,在从北部前往南部繁殖的九个月的旅程中表现出了顽强的生命力……<br><br>
<A href="../index.html">返回</A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<A href="film1.html">下一个影片介绍</A>
</body>
</html>
        运行初始文件index.html,会看到页面中包含两个链接文字。
        单击其中一个影片的链接“影片详情”可以打开下一级内容。在这里单击影片“征婚启事”的链接,可以打开影片介绍窗口。
        在该窗口中包含了两个链接,单击文本“返回”可以返回到初始页面index.html 中;单击文本“下一个影片介绍”可以直接打开另外一个影片“帝企鹅日记”的介绍窗口。

超级链接相关文章

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/285.html