3.3网页制作.pptVIP

3.3 超链接 实例3-9 本地链接和URL链接 实例3-10 目录链接 实例3-11 图像映射 实例3-9 本地链接和URL链接 要求与目的： 了解超链接和URL 掌握超链接的语法 掌握本地链接 掌握URL链接 二、实例结果，如图所示 过程与步骤： 1．通过依次单击任务栏上的【开始】→【程序】→【附件】→【记事本】菜单命令打开记事本 2．在记事本的编辑面板中输入以下代码： html head title超链接举例02/title /head body a href=zitituxiang.htm字体和图像/a a href=E:/网站建设与网页设计教材/教材实例/paiban.htm排版标记/a、a href=liebiao.htm列表/a p 除了我们的这个教程外，网上也有很多的站点介绍了HTML文件的制作方法，在这里，我来推荐几个做得相当不错的站点： p a href=/courseware/html_learning/hrefsrcci.htmhtml语言参考/a br a href=/webclass/html/html_design.htmlhtml语言教程/a br a href=/feng/html/index.htmhtml程序员手册/a p a href=mailto:Miker.zhou@163.com联系我们/a /body /html 3．将文件保存为chaolian.htm。 三、 涵盖知识点： 1.文件之间的链接 超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下： a href=资源地址链接文字/a 标签a表示一个链接的开始，/a表示链接的结束； 属性“href”定义了这个链接所指的地方； 通过点击“链接文字”可以到达指定的文件，链接文字叫做热点，即hotspot。 a href=兰州石化职业技术学院/a 链接分为本地链接、URL链接和目录链接。在各种链接的各个要素中，资源地址是最重要的，一旦路径上出现差错，该资源就无法从用户端取得。 2.本地链接 对同一台机器上的不同文件进行的连接称为本地链接，它使用UNIX或DOS系统中文件路径的表示方法，采用绝对路径或相对路径来指示一个文件。 例如：我们现在正在浏览的这一页的绝对路径是：E:\网站建设与网页设计教材\教材实例\chaolian.htm；而这一页相对于当前目录即“教材实例”的相对路径是：chaolian.htm；如果是浏览HTML教程之外的一页，该文件路径要以两个圆点(..)来表示上 一层目录：　../../internet/IP地址。 现在我们把这几种路径的表示方法写入链接中： 以相对路径表示：a href=zitituxiang.htm字体和图像/a，结果见图3－14所示。 以绝对路径表示：a href=E:/网站建设与网页设计教材/教材实例/paiban.htm排版标记/a，结果见图3－15所示。 链接上一目录中的文件：a href=../../Internet/IP地址IP地址/a 一般情况下，我们是不用绝对路径的，因为我们的资源常常是放在网上供其他人浏览的，写成绝对路径，当我们把整个目录中的所有文件移植到服务器上时，带有E:\的资源地址用户将无法访问到。所以我们最好写成相对路径，避免了重新修改文件资源路径的麻烦。 3.URL链接 如果链接的文件在其它服务器上，我们就要弄清我们所指向的文件时采用的哪一种URL地址。URL意思是统一资源定位器，通过它可以以多种通讯协议于外界沟通来存取信息。 URL链接的形式是： 协议名：//主机.域名／路径／文件名 其中协议包括： file　　　　　　本地系统文件 http　　　　　 WWW服务器 ftp　　　　　　 ftp服务器 telnet　　　　　基于TELNET的协议 mailto　　　　 电子邮件 news　　　　　 Usenet新闻组 gopher　　　　 GOPHER服务器 wais　　　　　 WAIS服务器 例如，我们这样来表达一个URL地址： / telnet:// 写在HTML文件中，链接其他主机上的文件时，在本案例中可以看到： a href=/feng/html/index.htmhtml程序员手册/a 4.电子邮件链接 在URL链接中除了绝对的地址链接外，用得比较多得就是电子邮件链接，而且掌握起来也很简单，语法就是我们得URL链接语法，如本例： a href=mailto:Miker.zhou@163.com联系我们/a 点击后产生得结果如图3－17和3－18所示。 实例3-10目录链接 要求与目的： 巩固超链接 掌握目录链接的语法 掌握不同文件间的目录链接语法 过程与步骤： 1．通过依次单击