第二章 框架及超连接.pptVIP

第二章 框架与超连接 本章主要内容 2.1 框架 会使用框架实现网站首页页面 2.2 超链接 会使用超链接相关标签实现页面间的跳转 2.1 框架 2.1.1 框架基本概念 见图2.1： 首先，先看看上面这张图:这个视窗，共 分为 1 、 2 、 3 三个框架，每一个框 架，各有其显示的内容分别是a.htm、 b.htm、c.htm三个档案。然而左下角的那个 index.htm 是做什么用的呢？ 2.1 框架 2.1.2 Frame分割技术 分割视窗是一门学问，要一步一步来分割。看看上面那例子，想像画面是一个蛋糕，要怎么割，才能割成那样呢？ 2.1 框架 开始分割,先将画面分成左右两边（左边就是框窗 1 了，右边就暂定为 2）。 程序见示例2.2： html head title框窗实作/title /head FRAMESET COLS=120,* FRAME SRC=a.htm NAME=1 FRAME SRC=b.htm NAME=2 /FRAMESET /html 2.1 框架 在FRAMESET中，我们要告诉电脑到底是要左右分（COLS）？还是上下 （ROWS）。一开始我们是左右分，所以我们写成FRAMESET COLS=“120,*” 。COLS=“120,*” 就是说，左边那一栏强制定为 120点，右边则随视窗大小而 变。除了直接写点数外，我们亦可用百分比来表示，例如COLS=“20%,80%”也 是可以的。 然后，再将右边的框窗再割成上下两个画面（也就是框窗 2 和 3 ）。 见示例2.3： 2.1 框架 2.1 框架 原本的FRAME SRC=“b.htm” NAME=“2”被另一组FRAMESET ROWS=“100,*” 所取代了！第二组FRAMESET ROWS=“100,*” 是被第一组FRAMESET COLS=“120,*” 所包围起来的 。 2.2 超链接 2.2.1 a和href属性 程序见示例2.4。 运行结果如下： 2.2 超链接 2.2.2 Name属性 使用name属性，可以跳转到一个文件的指定部位。Name属性通常用于创建一个 大文件的章节目录(table of contents)。每个章节都建立一个链接，放在文件的 开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个 章节的内容就显示在最上面。 程序见例2.5 显示结果如下: 2.2 超链接 2.2 超链接 2.2.3 Target属性 使用target属性，可以在一个新窗口里打开链接文件。 程序见例2.6 显示结果如下： 2.2 超链接 target属性已经是不被新规范支持了，其值有四个保留字： 1._blank ???? a href=document.html target=_blankmy document/a? ?浏览器会另开一个新窗口显示document.html文档???2._parent ??? a href=document.html target=_parentmy document/a?????? 指向父frameset文档???3._self???? ? a href=document.html target=_selfmy document/a??????????? 把文档调入当前页框??4._top???? ? ? a href=document.html target=_topmy document/a?????????? 去掉所有页框并用document.html取代frameset文档??? 2.2 超链接 2.2.4 Title属性 使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。 程序见例2.7. 运行结果如下： 2.2 超链接 2.2.5 链接到email地址 在网站中，你经常会看到联系我们的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。用a可以实现这样的功能。 2.2 超链接 2.2.6 HTML相对路径和绝对路径 有2种路径的写法：相对路径和绝对路径。 2.2 超链接 2.2 超链接 2.2 超链接 2.2 超链接 2.2 超链接 HTML绝对路径(Absolute Path) HTML绝对路径(absolute path)指带域名的文件的完整路径。 假设你注册了域名，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如www，这个www就是你网站的根目录。 假设你在