顶部468*60ad 顶部468*60ad 顶部468*60ad 顶部468*60ad

HTML网页超链接标记<A>学习教程

2007-12-24 23:15:19  来源:网页教学网 行云止水

制作内部链接

所谓内部链接,指的是在同一个网站内部,不同的html页面之间的链接关系。在建立网站内部链接的时候,要考虑到使链接具有清晰的导航结构,使用户方便地找到所需内容的html文件。

下面我们建立3个网页页面,在第一个8-1.htm网页页面中,制作到8-1-1.htm和8-1-2.htm两个页面的链接,并在两个被链接的页面中制作返回到8-1.htm页面的链接。3个页面的目录关系如下所示: 网页教学网

8-1.htm和8-1-1.htm存放在网站的根目录下,8-1-2.htm存放在test目录下。

基本语法

<a href="File_name">链接文字</a>

语法解释

通过href属性指定地址,File_name为要链接文件的路径,"链接文字"为鼠标单击的文字内容。

文件范例:8-1.htm

通过<a>标记建立两个链接,分别链接到另外两个html页面中。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:8-1.htm -->
03 <!-- 文件说明:建立内部链接 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立内部链接</title>
08 </head>
09 <body>
10 <h1>主流的网页设计软件</h1>
11 <p>目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本mx 2004继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</p>
12 <a href="8-1-1.htm">网页制作软件Dreamweaver mx 2004</a>
13 <br>
14 <a href="test/8-1-2.htm">网页动画软件Flash mx 2004</a>
15 </body> 网页教学网
16 </html>

文件说明

第12行定义了到8-1-1.htm同级页面的链接,第14行定义了到test目录下的8-1-2.htm页面的链接。

文件范例:8-1-1.htm

这个文件是"网页制作软件Dreamweaver mx 2004"页面,通过<a>标记建立返回到 8-1.htm页面的链接。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:8-1-1.htm -->
03 <!-- 文件说明:内部链接文件之一 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>内部链接文件之一</title>
08 </head>
09 <body>
10 <h1>Dreamweaver mx 2004</h1>
11 Dreamweaver mx 2004作为网页设计软件的代表,具有站点管理和页面制作两大核心功能。如果你也拥有织梦的理想,那么这个软件无疑是帮助你实现梦想的最好手段。完全的可视化编辑、优秀的代码控制、完整的站点规划和管理、超乎寻常的动态效果设计,这些都为设计人员提供了得心应手的途径。mx版本的软件将动态网站和传统的静态页面功能进行了更进一步的整合,无疑为制作网站提供了更多的实现方式。
12 <p>
13 <a href="8-1.htm">返回</a>
14 </body>
15 </html>

文件说明

第13行定义了到8-1.htm同级页面的链接。

文件范例:8-1-2.htm

这个文件是"网页动画软件Flash mx 2004"页面,通过<a>标记建立返回到8-1.htm页面的链接。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:8-1-2.htm -->
03 <!-- 文件说明:内部链接文件之二 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>内部链接文件之二</title>
08 </head>
09 <body>
10 <h1>Flash mx 2004</h1>
11 Flash mx 2004作为网页矢量交互动画软件的代表,提供了图形绘制、动画制作和交互三大功能。掌握了这个软件的核心,也就有能力在网上冲浪的同时,充当一把闪客的角色。越来越多的个人、商业网站采用Flash技术,广告banner、动画片头、mtv、交互游戏,广阔的应用为Flash的学习者提供了广泛的发展平台,学习Flash mx 2004软件更是一个具有诱惑力的过程。
12 <p>
13 <a href="../8-1.htm">返回</a>
14 </body>
15 </html>

文件说明

第13行定义了到8-1.htm上一级页面的链接。 网页教学网

文章评论

共有 0 位网友发表了评论 查看完整内容