网页制作第5章超级链接.ppt

Company nameWEB编程基础编程基础第第5章章 超级链接超级链接清华大学出版社清华大学出版社主要内容•为网页添加超链接为网页添加超链接•添加书签链接、电子邮件超链接、添加书签链接、电子邮件超链接、 FTP链接链接 •建立图像映射建立图像映射 5.1超链接简介超链接简介 网页文件的最大魅力是超越各个文件的空间，通过超链接相互连接构成一个纷繁复杂的互联网世界超链接（hyperlink）是一个网站的精髓，超链接在本质上属于一个网页的一部分，它是一种允许一个网页同其他网页或站点之间进行链接的元素各个网页链接在一起后，才能真正构成一个网站超文本具有的链接能力，层层链接相关文件，这种具有超级链能力的特性，即称为超链接超链接除了可链接文本外，也可链接各种媒体，如声音、图像和动画等，通过它们可以将网站建设成一个丰富多彩的多媒体世界 5.1超链接简介超链接简介5.1超链接简介超链接简介5.2创建超链接创建超链接l建立超链接的标记是a(anchor，锚)，以开始，以结束，锚可以指向网络上的任何资源：一张HTML页面，一幅图像，一个声音或视频文件等 基本语法： 超链接名称5.2创建超链接创建超链接

理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本每一个网站都具有独一无二的地址，英文中被称作URL（Uniform Resource Locator），即统一资源定位器，同一个网站下的每一个网页都有不同的地址，但是在创建一个网站的网页时，不需要为每一个链接都输入完整的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了5.2.2内部链接l所谓内部链接，指的是在同一个网站内部，不同的html页面之间的链接关系，在建立网站内部链接的时候，要明确哪个是主链接文件（即当前页），哪个是被链接文件内部链接一般采用相对路径链接比较好根据图5-4所示的某班级网站站点目录结构，表5-2所示的是内部链接语句中相对路径的写法5.2.2内部链接5.2.3外部链接l所谓外部链接，指的是跳转到当前网站外部，与其它网站中页面或其它元素之间的链接关系这种链接的URL地址一般要用绝对路径，要有完整的URL地址 5.3.1图片链接l可以为一个图片指定链接 基本语法： 5.3.1图片链接

图片链接图片链接

---

当浏览者单击页面上的某一“标签”，就能自动跳到网页相应的位置进行阅读，给浏览者带来方便5.3.2书签链接l基本语法：基本语法： 在同一页面内要使用书签链接的格式： 链接标题 在不同页面之间要使用书签链接的格式（在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签名称）： 链接标题 以上两种书签链接形式，链接到的目标为： 链接内容5.3.2书签链接5.3.2书签链接5.3.2书签链接5.3.3电子邮件链接l在HTML页面中建立E-mail链接，用户单击链接，系统会自动启动默认的电子邮件软件，打开一个邮件窗口 基本语法： 链接内容5.3.3电子邮件链接 这是邮件链接：这是邮件链接： 联系我们联系我们 5.3.3电子邮件链接5.3.4 FTP链接lFTP是一种文件传输协议，它是计算机与计算机之间能够相互通信的语言，通过FTP可以获得Internet上丰富的资源。

基本语法：基本语法： 链接内容5.3.4 FTP链接 这是一个这是一个FTP链接：链接： 链接内容5.3.5下载文件的链接 这是一本电子书：这是一本电子书：数据结构数据结构--C# 5.3.5下载文件的链接5.4图像映射图像映射 图像映射就是在图像上先划分出不同的区域，然后定义哪个目标与图像的哪个区域对应，但单击图像的某一区域，就会把用户带到一个目标，单击另一区域，又会把用户带到另外的目标。

其实，图像映射就是将图像内的区域与一系列URL链接起来了，从而单击特定区域就会把用户带到相应的内容这里所讲的映射是客户端图像映射，这和服务器端图像映射相比，运行速度要快5.4图像映射图像映射l基本语法：基本语法： 5.4图像映射图像映射

5.4图像映射图像映射

郑州郑州

郑州，河南省省会，是中国重要的内陆开放城市和历史文化郑州，河南省省会，是中国重要的内陆开放城市和历史文化名城。

郑州历史悠久，文化灿烂，旅游资源丰富郑州历史悠久，文化灿烂，旅游资源丰富

北京北京

北京中华人民共和国首都中央直辖市，简称京，是我国第北京中华人民共和国首都中央直辖市，简称京，是我国第二大超级现代化大都市北京是我国的政治中心、交通中心、文化中心、科二大超级现代化大都市北京是我国的政治中心、交通中心、文化中心、科研中心、教育中心具有较高的国际知名度研中心、教育中心具有较高的国际知名度

上海上海

上海是中国第一大城市，世界第八大城市，中国中央四个上海是中国第一大城市，世界第八大城市，中国中央四个直辖市之一直辖市之一 有超过有超过2000万人口居住和生活在上海及其附近地区万人口居住和生活在上海及其附近地区

长春长春

长春，吉林省省会，全省政治、经济、文化和交通中心，长春，吉林省省会，全省政治、经济、文化和交通中心，中国最大的汽车工业城市，中国建成区面积和建成区人口第九大城市，中国最大的汽车工业城市，中国建成区面积和建成区人口第九大城市，东北地区中部最大的中心城市。

东北地区中部最大的中心城市 5.4图像映射图像映射5.5小实例小实例 程序5-9描述了班级网站首页导航条的创建，这里综合运用了链接和样式来设计导航在head部分中的style标记中，定义了导航条的使用效果(a.head部分)，当访问者鼠标移向每个栏目的名称时，字的颜色都会发生变化，点击栏目名，则进入相应的页面 5.5小实例小实例

首页首页

班级新闻班级新闻

班级相册班级相册

个人主页个人主页

留言本留言本

网页设计网页设计

关于我们关于我们

图片链接图片链接

---

5.5小实例小实例

2. 如果指定路径但省略文件名，就会链接到目录下的默认 文件（网站可以自己定义默认页面），如果路径也省略， 就会链接到网站的默认主页3. URL最好使用小写字母来表示4. 不要使用“点击这里”作为显示标签，应该使用文本中已 经存在的关键词来表示链接小结小结 5. 可以对链接应用样式进行格式化，甚或使用图像作为标 签，来吸引用户的注意力 6. 可以为页面内的链接规定制表符顺序，这样访问者就可 以用键盘在页面上移动 7. 对于供下载的资源，如果超出了一定的大小，最好事先 进行压缩，甚至把一个文件分成几个压缩文件，来保证 传输的安全Company nameWEB编程基础编程基础。