超链接、浮动框架.pptVIP

授课教师：黄彩霞

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

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

在HTML语言中，利用a标记在网页中创立超链接，一般语法格式如下：

ahref=URL超链接的文字或图像/a

;网页上的超链接有多种：文字链接、图片链接、页面内部链接等等。

文字设置为超链接后，默认显示为加下划线的蓝色字体；图像设置为超链接后，会自动加一个黑色的边框。

;超链接标记属性

〔1〕href属性：是a标记的最重要的属性，用来放置超链接的目标地址，可以是本网站内部的某个HTML文件，也可以是外部网站某个网页的URL地址。

;URL(统一资源定位器)：每一个网页在互联网上都有唯一的地址。

URL的格式

;URL的类型：绝对URL和相对URL

如：://

相对URL的优点：当用户将包含所有文件的文件夹整体迁移到不同的效劳器或其他位置时，文件之间的超链接仍可以正常链接。

如：

href=“index.html”//index.html是本地当前路径下的文件

href=“web/index.html”

href=“../index.html”

href=“../../index.html”

;有如下目录结构：;超链接标记属性

〔2〕target属性：设定链接页面显示的目标窗口，默认情况下，目标页面在同一个窗口中显示。如果要在点击某个链接以后，翻开一个新的浏览器窗口，在这个新窗口中显示目标页面，就需要在a标记中设置“target”属性。

;超链接标记属性

〔3〕title属性：设置鼠标经过超链接时显示的文字提示。

〔4〕name属性：指定元素的名称，可用于设置网页中的某个位置〔锚点〕。

创立超链接的方式

超链接的文件可以是任意类型：.html、jpg、.word、.ppt、.zip等等。

;创立电子邮件链接

在某些网页中，单击某个超链接以后，会自动翻开电子邮件客户端软件，向某个特定的E-mail地址发送邮件。此类链接类似于URL的链接方式，例如：

;创立页面内部链接

超链接不仅可以跳转到其他网页，也可以在本页内跳转(也可称为书签(锚点)链接)。

在制作网页时，可能会出现网页内容比较长的情况，用户浏览网页时会很不方便，利用锚点链接解决该问题。

;创立页面内部链接(锚点链接)

要在当前页面内实现超链接，需要定义两个标记：一个为超链接标记，另一个为书签标记。

(1)用a标签的属性href的值来确定跳转的目标名称

即超链接标记的格式为：

如：ahref=“#目标名称”链接文字/a

(2)设置相应的跳转目标位置(锚点)，即书签标记在a的name属性中定义：

如：aname=“目标名称”链接目标文字/a

;创立图像的热点区域链接

所谓图像的热点区域就是将一幅图像划分出假设干个链接区域，当访问者单击不同的区域时，就会链接到不同的目标页面。

;imgsrc=stars.jpgborder=0usemap=#Map1

mapname=Map1

areashape=rectcoords=23,28,111,81href=#

areashape=circlecoords=187,57,33href=#

areashape=polycoords=271,12,321,23,321,80,275,87,251,49href=#

/map;创立图像的热点区域链接

创立图像的热点区域链接需要同时使用img、map和area标记，下面分别对上面的代码进行解释。

〔1〕map标记用来定义图像映射，就是利用name属性来定义带有可点击区域的图像。

〔2〕img标记除了使用src属性插入图像外，还要用usermap属性引用图像映射的名称，创立图像与映射之间的关系，属性值为map标记中name属性值前面再加上“#”。;创立图像的热点区域链接

〔3〕area标记定义图像映射中的可点击区域，area标记要嵌套在map标记中，其属性如下：

①shape属性：设置鼠标点击区域的形状，属性值有rect〔矩形〕、circle〔圆形〕和poly〔多边形〕。

②cords属性：设置可以点击的区域坐标，属性值单位为像