网页设计与制作 第5章超链接与表格.pptVIP

2010网页设计与制作 第5章 第5章 超链接 学习目标： 5.1 超链接简介 超链接：由于将网页与网络上的另一个文档相连。 5.2 锚标记 锚标记也称作锚点标记，格式为a……/a，属性如下： href：链接对象的地址，可取值为绝对路径或相对路径。 target：链接对象的打开方式，取值如下： _blank/_new：在新窗口中打开链接对象。 _self：在原窗口中打开链接对象，为缺省值。 name/id：用于给锚标记命名。 锚标记影响的内容称为热点 5.2.1 链接到不同位置的文件 链接到同一目录内的文件 a href=“目标网页名”热点/a 链接到下一级目录内的文件 a href=“子目录名/目标网页名”热点/a 链接到上一级目录内的文件 a href=“../目标网页名”热点/a 链接到同级目录内的文件 a href=“../子目录名/目标网页名”热点/a 注意：当链接对象是一个浏览器不支持直接打开的对象时，将提示用户下载。 5.2.2 链接到网页中的具体位置 需要使用两次锚点标记： 在被链接的位置设置书签，格式如下： a id=“锚标记的命名/a 在网页的任意位置设置热点： a href=#锚标记的命名热点/a 5.2.3 指向电子邮件的超链接 a href=mailto:电子邮件地址热点/a 5.3 锚伪类 在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示： 注意： a:hover 必须在 a:link 和 a:visited 之后定义，才是有效的。 a:active 必须在 a:hover 之后定义，才是有效的。 伪类可与类共同使用，如a.news:hover * * 活动状态 a:active 鼠标悬停状态 a:hover 已被访问状态 a:visited 未被访问状态 a:link 作用 锚伪类名