6 html建立超链接.pptVIP

* 一、链接路径二、超链接的应用三、书签链接四、建立链接外部链接 URL(Uniform Resourc Locator)：统一资源定位器 链接分三种： 绝对路径 如： 相对路径 如：news/index.html 根路径 如：d|/web/news/index.html 一、链接路径 1、绝对路径 ?????包含了标识INTERNET上的文件所需要的所有信息。 文件的链接是相对原文档而定的。 包括完整的协议名称，主机名称，文件夹名称和文件名称 格式 ：通讯协议 ：//服务器地址：通讯端口/文件位置....../文件名 2、相对路径 ????? 以当前文件所在路径为起点，进行相对文件的查找。 一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。 链接到同一目录：要链接文件的名称 链接到下级目录中的文件：目录名/文件名 链接到上一级目录中文件：../文件名 herf=shouey.html” 本地当前路径下的文件 herf=web/shouey.html” 本地当前路径下称做“web”子目录下的文件 herf=../shouey.html” 本地当前目录的上一级子目录下的文件 herf=../../shouey.html” 本地当前目录的上两级子目录下的文件 3、根路径 ????? 根目录：盘符│,不用:?与DOS不同 ? 如：/web/highight/shouey.html??? ? d│/web/highight/shouey.html? 问：链接本地机器上的文件时，应该使用相对路径还是根路径？ 超链接的标签：A和/A 格式： A HREF=“资源地址”? TARGET=“窗口名称” TITLE=“指向链接显示的文字超链接名称/A 说明： ????? HREF：定义链接的目标地址 ?????TARGET：指定打开链接的目标窗口，其默认方式是原窗口??? 二、超链接的应用 目标窗口的属性：??? _parent：在上一级窗口中打开 _self：在同一个窗口中打开，一般不用设置 _top：在浏览器的整个窗口中打开，忽略任何框架 _blank：在新窗口中打开 TITLE：指定指向链接时所显示的标题文字 “超链接名称”：链接元素（文本、图像） 文本：带下划线且与其它文字颜色不同 图形链接：通常带有边框显示 用图形做链接时只要把显示图像的标志img嵌套在A HREF=URL/A之间就能实现图像链接的效果。 链接颜色的设置 body link=“” ---- 未访问的链接颜色 body alink=“” ---- 正访问的链接颜色 body vlink=“” ---- 已访问的链接颜色 body link=“#0033ff” alink=“#0044dd” vlink=“#55bbee” …… /body HTML HEAD TITLE链接到http:///TITLE/HEAD BODY CENTERh2绝对路径链接/h2 HR A HREF=“” title=“打开网易首页img src=logo.gif/ABRBR A HREF=新浪网/ABRBR /CENTER /BODY /HTML 练习： 注： base href=“” ---- 设置超链接的基础URL html head base href=“ /head body a href=搜狐/ap a href=第二个链接/ap a href=第三个链接/ap /body /html 注： base target=“” ---- 设置基础的的窗口打开属性 html head base target=_blank /head body center友情链接p a href= target=_self 搜狐/ap a href= 百度搜索/ap a href= 新浪网/ap /center /body /html 练习： 1、书签链接 ----- 链接文档中的特定位置 可在同一页面中链接，也可在不同页面中链接?? 格式： 同一页面使用链接： a href=“#书签名称” target=“窗口名称”超链接标题名称/a? 三、书签链接 不同页面使用链接： a href=“URL地址#书签名称” target=“窗口名称”超链接标题名称/a链接到的