超链接的HTML版本.pptxVIP

本章目标 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 掌握使用HTML建立超级链接 掌握HTML如何设置锚点 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 4.1 设置基本文字超链接 超级链接基础 1. 理解超链接 超链接是由源端点到目标端点的一种跳转。源端点可以是网页中的一段文本或一幅图像等。目标端点可以是任意类型的网络资源，例如可以是一个网页、一幅图像、一首歌曲、一段动画或一个程序等。 2 .按照目标端点的不同，可以将超链接分为以下几种形式。 (1) 文件链接：这种链接的目标端点是的一个文件，它可以位于当前网页所在的服务器，也可以位于其他服务器。 (2) 锚点链接：这种链接的目标端点是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。 (3) E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。 页面链接A标签 链接到其他页面 A href=register/register.html[免费注册]/A 链接的地址 HTML HEAD TITLE链接到其他页面/TITLE /HEAD BODY A href=register/register.html[免费注册]/A A href=login/login.htm[登录]/A /BODY /HTML 链接内容 单击”[免费注册]”之后链接到的页面 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 页面链接A标签 链接到其他页面 相对路径 指定从根目录到文件的完整路径。 绝对路径 指定相对于当前文件的文件位置。 在同一个文件夹下有两个html文件，从一个文件超链接到另一个文件的路径有几种方式？ 两种方式：相对路径和绝对路径 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 页面链接A标签 要链接到同一目录 (C:\HTML) 下的页面，可编写 A HREF = “Doc1.htm” 或 A HREF = “C:\html\Doc2.htm” 相对路径名 绝对路径名 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 超链接示例 页面链接A标签 要实现如下图所示的超链接效果，怎么办？ 演示示例：演示锚链接的例子 使用锚记标签 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 页面链接A标签 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = “marker”主题名称/A 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= “#marker”主题名称/A 注意：href属性赋的值若是锚站的name属性值，则必须在书签名前边加一个“#”号。 演示示例：演示锚链接的例子 HTML HEAD TITLE链接到其他页面/TITLE /HEAD BODY A href=#helpme[新人上路]/A …… A name=helpme新人上路指南/A …… /BODY /HTML 1、定义锚标记 2、链接到锚标记所在位置 Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. Copyright ©2010-2012 Hdwnt Inc. All Rights Reserved. 命名锚站示例 页面链接A标签 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” A href=mailto:webmaster@站长信箱/A 演示示例：演示电子邮件链接 HTML HEAD TITLE电子邮件链接/TITLE /HEAD BODY …… A href=mailto: taobaoWebMater@ 站长信箱/A …… /BODY /HTML 单击”站长信箱”链接后的输出结果 任何正确的电子邮箱地址均可 使用图像——创建图片链接 a标记其它常用属性 TARGET：该属性是可选项，用于指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开。如果省略该属性，则目标文档将取代包含该超链接的文档。TARGET属性的取值既可以是窗口或框架的名称，也可以用“_blank”指定将链接的目标文