网页制作综合技术教程 教学课件 温谦 赵伟 胡静 李占波 第3章超链接.ppt

《网页制作综合技术教程 教学课件 温谦 赵伟 胡静 李占波 第3章超链接.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页制作综合技术教程第1部分HTML网页设计第3章超链接设置文字超链接3.1设置页面内部链接3.2设置图片超链接3.3设置电子邮件链接3.4设置链接页面的目标窗口3.5创建热点区域3.6框架之间的链接3.7HTML文件最重要是特性之一就是超链接，通过网页上所提供的链接功能，用户可以链接到网络上的其他网页。如果网页上没有超链接，就不得不在浏览器地址栏中一遍遍地输入各网页的URL地址了，这样也就无法体现互联网的优点了。3.1设置文字超链接建立超链接所使用的HTML标记为标记。超链接最重要的有两个要素，设置为超链接的文本内容和超链接指向的目标地址。基本的

2、超链接的结构如图3.1所示。图3.1基本的超链接的结构3.1.1URL的格式图3.2URL的结构3.1.2URL的类型超链接的URL可以为两种类型：“绝对URL”和“相对URL”。（1）绝对URL是如图3.2所示，包含文件的所有信息，就像我们在浏览器中访问一个网站中的某个页面那样。（2）而相对URL则指向相对于原文档同一服务器或者同一文件夹中的文件。相对URL通常仅包含文件夹和文件名，甚至只有文件名。相对URL又可以分为两种：①相对文档的URL，这种URL以链接的原文档为起点；②相对服务器的URL，这种URL以服务器的根目录为起点。下面举一个简单的例子，源文件参

3、见本书素材文件“第3章3-01.htm”，代码如下。3.2设置页面内部链接图3.4页面内部的链接3.3设置图片超链接图3.5设置图像超链接3.4设置电子邮件链接图3.6电子邮件链接3.5设置链接页面的目标窗口在默认情况下，当点击链接的时候，目标页面还是在同一个窗口中显示。如果要在点击某个链接以后，打开一个新的浏览器窗口，在这个新窗口中显示目标页面，就需要在标记中设置“target”属性。3.6创建热点区域图3.7图像的热点区域3.6.1用HTML建立热点区域

4、name="Map1">3.7框架之间的链接框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分，每个部分都可以独立显示不同的网页。前面曾经介绍过标记的target属性，但是没有详细介绍，这是因为targe

5、t属性必须和框架配合使用，因此这里先对框架进行一些介绍，然后再演示框架与链接的关系。3.7.1建立框架与框架集图3.16使用框架的网页3.7.2用cols属性将窗口分为左右部分3.7.3用rows属性将窗口分为上下部分3.7.4框架的嵌套3.7.5在框架中插入网页3.7.6在框架之间进行链接图3.20框架之间的链接3.7.7嵌入式框架