商务网页第7课.ppt

3.4 超链接设置方法 网站是由网页组成的，那么若干网页如何组织起来，形成具有一定功能的网站呢？超链接发挥了基础的、不可替代的作用。网页源文件之间、网页源文件和其他相关文件之间，基本都是通过超链接有机联系在一起的。也可以说，没有超链接，也就没有真正意义上的网站。 3.4.1 超链接的概念及类型 1．超链接的概念 超链接简单来讲，就是指从一个网页指向一个目标的链接关系。超链接在本质上属于网页的重要组成部分，它允许网页之间或者网页与站点之间进行内容链接。 超链接的链接目标可以是一个网站、一个网页、一段文本、一个图片、一段音频、一段视频、一个邮箱地址，甚至是一个应用程序、一个文件等。当浏览者单击已经设置链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开、运行或保存。 超链接的载体：是指承载超链接任务的载体，可以是文字、图片、多媒体资料以及设置的热点。原则上，网页上的任何一个位置均可以设置超链接。 2．超链接的类型 超链接总体上可分为内部链接和外部链接。 内部链接是指网站内部网页之间、网页与文件（如图片、多媒体文件等）之间、一个网页的内部内容之间的链接，也可以是空链接； 外部链接是指指向网站外部的跳转链接，通常指向一个外部网站、外部网页、外部邮箱地址。 3．超链接的标签及属性 超链接的标签为a，其常见属性如下： 属性 值 描述 href URL 规定链接指向的目标 URL download filename 规定被下载的超链接目标 target _blank _parent _self _top framename 规定在何处打开链接的目标 3.4.2 指向网站内部的超链接 1．指向站点内部文件的链接 站点内部文件（包括网页文件、图片文件等）的链接是指在网页与该网站内部文件之间的链接关系。在建立网站内部文件的链接时，要明确哪个页面是当前页，哪个页面是链接的目标文件。 内部链接一般采用相对路径。 设置指向站点内部文件的超链接，需要使用超链接标签a及其“href”属性，设置方法为 a href=网页文件名链接网页文件的实例/a?? a href=图像文件名链接图像文件的实例/a?? a href=其他文件名链接其他文件的实例/a? html head title链接内部文件/title /head body br a href=book/books.html链接网页文件/a br a href=book/book1.jpg链接图片文件/a br a href=book/pdf1.pdf链接PDF文件/a br a href=book/test.apk链接APK文件/a /body /html 当单击“链接网页文件”的超链接后 当单击“链接图片文件”的超链接后 当单击“链接PDF/APK文件”的超链接后 在单击“链接APK文件”后 2．指向本页面中特定部分的链接 所谓指向网页的特定部分，就是指链接到文档中一个预先定义好的位置。一般用在网页内容较长、一屏无法全面展示的情景。 若实现此功能，需要在文档中给相应位置的标签（如标题标签、文字标签、图片标签等）增加“id”属性并赋值，即增加“锚点”，然后建立超链接指向该id的属性值，即可实现指向该“锚点”的位置。 设置指向本页中的锚点，需要使用元素标签（如文本标签、标题标签、图像标签等）的“id”属性，设置锚点的方法为 标签名称 id=锚点属性值文档锚点实例/标签 设置指向锚点的超链接，需要使用超链接标签的a的“href”属性，用“href”指向锚点，设置方法为 a href=#锚点属性值指向文档锚点的超链接实例/a html head title云之雷科技/title /head body img src=sdlogo.png width=80 height=80 alt=企业logo/ font color=blue face=微软雅黑 size=12 id=top云之雷科技有限公司/font hr font color=black face=黑体 size=4笔记本电脑系列/font p img src=book/book1.jpg width=260 height=200 alt=计算机——笔记本电脑图片/ img src=book/book2.jpg width=260 height=200 alt=计算机——笔记本电脑图片/ img src=book/book3.jpg width=260 he