HTML语言与网页设计 ——超链接.pptVIP

HTML语言与网页设计 ——超链接 学习目标 理解超链接的基本概念，掌握A标记符的用法。 超链接基础 URL（Universal Resources Locator）用于定位Web上的文档信息。 一个 URL 包括 3 部分：协议、计算机地址、文件路径。 协议：//计算机/文件路径 超链接基础——绝对URL 绝对URL是指资源的完整地址，包括URL的所有3个部分，即： 协议：//计算机/文档名 超链接基础——相对URL 相对URL是指Internet上资源相对于当前页面的地址，它包含从当前页面指向目标页面位置的路径。 使用相对URL的好处：易于维护 超链接基础——相对URL 使用相对URL时，经常使用两个与DOS类似的符号： 句点（.）表示当前目录 双重句点（..）表示当前目录的上一级目录 超链接基础——相对URL 不同类型的超链接 根据超链接的目标文件不同，分为： 网页之间的超链接 页面内的超链接 文件下载超链接 Email超链接 空超链接 不同类型的超链接 根据超链接源对象的不同，分为： 文本超链接 图像超链接（包括图像映射） 对象超链接（例如Flash、Java小程序） 不同类型的超链接 根据超链接实现方式的不同，分为： HTML超链接 JavaScript超链接 对象超链接 合理安排超链接 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 ： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 创建超链接 A 标记符用于创建超链接（结束标记符不能省略），href 属性用于指定超链接的目标文件。 内部网页超链接： a href=test.htmlink/a 外部网页超链接： a href=link/a 演示——超链接效果 BODY P这是一个A href=page2.htm超链接/A/P P欢迎参观我的A href=个人网站/A/P /BODY 创建超链接——锚点链接 使用页面内的超链接，首先需要定义锚点，然后在超链接中指向该锚点。 定义锚点应使用a name=xxx/a 指向锚点的超链接为：a href=#锚点名称link/a 创建超链接——锚点链接 指向其他页面内锚点的超链接：a href = 页面的URL#该文件中的锚点link/a a href= # blank link/a 演示——锚点超链接效果 PA name=top/A目录/P PA href=#amazon亚马逊战士/A|A href=#paladin游侠/A|A href=#necromancer巫师/A/P HRA name=“amazon”亚马逊战士/A--一个强悍的女人，唯一知道的是，她来自靠近南部海域的……。 PA href=#top返回目录/A/P HRA name=“paladin”游侠/A--来自一个特殊的军队，靠近宗教圣地 Zakarum，一个以信念为盾随时准备战斗的军人。……. PA href=#top返回目录/A/P HRA name=“necromancer”巫师/A--来自南方充满蒸汽的沼泽地，一位披着斗蓬的神秘人物。就像他的名字一样，……..。 PA href=#top返回目录/A/P /BODY 问题 在刚才的示例里，如果有另外一个同目录的网页文件 page2.htm，在该网页中想访问示例页面中的“巫师”所在位置，应如何设置超链接？ 创建超链接——文件下载 当超链接目标为浏览器不能识别的文件格式时，那么就自动生成了文件下载链接。 a href=xxx.zip下载/a 创建超链接——Email链接 a href=mailto:i@Email/a 控制命令： ?subject= 设置信件主题 ?cc= 设置抄送人 ?bcc= 设置密件抄送人 组合多个控制命令 演示——文件下载及Email链接效果 BODY a href=url.zip文件下载/a pa href=mailto:126@163.com?subject=信件主题cc=163@126.com给我写信/a /BODY 脚本链接 理解脚本链接:直接调用JavaScript语句，创建脚本链接。脚本链接是一种特殊的链接，单击这类链接可以执行相应的JavaScript程序，如弹出对话框、关闭窗 使用链接弹出对话框 javascript:alert(您好，本栏目网页正在建设中) 使用链接关闭当前窗口 javascript:window.close() 创建锚记后，还必须链接锚记。选择想要链接到锚记的文字或图片，然后按如下方法中的任意一种进行操作。 （1）在属性面板上的“链接”文本