网页制作综合技术教程：第3章 超链接_第1页
网页制作综合技术教程：第3章 超链接_第2页
网页制作综合技术教程：第3章 超链接_第3页
网页制作综合技术教程：第3章 超链接_第4页
网页制作综合技术教程：第3章 超链接_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第3章超链接

设置文字超链接3.1设置页面内部链接3.2设置图片超链接3.3设置电子邮件链接3.4

设置链接页面的目标窗口3.5创建热点区域3.6框架之间的链接3.7

HTML文件最重要是特性之一就是超链接，通过网页上所提供的链接功能，用户可以链接到网络上的其他网页。

如果网页上没有超链接，就不得不在浏览器地址栏中一遍遍地输入各网页的URL地址了，这样也就无法体现互联网的优点了。3.1设置文字超链接

建立超链接所使用的HTML标记为<a></a>标记。超链接最重要的有两个要素，设置为超链接的文本内容和超链接指向的目标地址。基本的超链接的结构如图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章\03-01.htm”，代码如下。3.2设置页面内部链接

图3.4页面内部的链接3.3设置图片超链接

图3.5设置图像超链接3.4设置电子邮件链接

图3.6电子邮件链接3.5设置链接页面的目标窗口

在默认情况下，当点击链接的时候，目标页面还是在同一个窗口中显示。

如果要在点击某个链接以后，打开一个新的浏览器窗口，在这个新窗口中显示目标页面，就需要在<a>标记中设置“target”属性。3.6创建热点区域

图3.7图像的热点区域3.6.1用HTML建立热点区域

<img

src="stars.jpg"border="0"usemap="#Map1"><mapname="Map1"><areashape="rect"coords="23,28,111,81"href="#"><areashape="circle"coords="187,57,33"href="#"><areashape="poly"coords="271,12,321,23,321,80,275,87,251,49"href="#"></map>3.7框架之间的链接

框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分，每个部分都可以独立显示不同的网页。

前面曾经介绍过<a>标记的target属性，但是没有详细介绍，这是因为target属性必须和框架配合使用，因此这里先对框架进行一些介绍，然后再演示框架与链接的关系。3.7.1建立框架与框架集

图3.16使用框架的网页

3.7.2用cols属性将窗口分为左右部分

3.7.3用rows属性将窗口分为上下部分

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论