第3章建立超级链接
第3章 建立超级链接
超链接基础 .URL (Universal Resources Locator)用于定位Web上的文档信息。 ·一个URL包括四部分:协议、计算机 地址、端口号、文件路径 ·协议:∥计算机:端口号/文件路径
• URL（Universal Resources Locator）用于定位Web上的文档信息。 • 一个 URL 包括四部分：协议、计算机 地址、端口号、文件路径。 • 协议：//计算机:端口号/文件路径 超链接基础
超链接基础——绝对URL 绝对URL是指资源的完整地址,包括URL 的所有四个部分,即: 之协议:∥计算机:端口号度档名 http://2002.sina.com.cn/g/2002-06-24/2421092.shtmi ①hp表示协议,访问WwW是通常都使用该协议; 2002. sina. com. cn是主机域名,用来确定保存网页的计算机; ③g2002-06-24/是路径名,它指出网页保存在计算机的什么目录 ④2421092htm1是文档名,表示最终显示的网页
超链接基础——绝对URL 绝对URL是指资源的完整地址，包括URL 的所有四个部分，即： 协议：//计算机:端口号/文档名
超链接基础——相对URL ·相对URL是指 nternet上资源相对于当 前页面的地址,它包含从当前页面指向 目标页面位置的路径。 ·使用相对URL的好处:易于维护
超链接基础——相对URL • 相对URL是指Internet上资源相对于当 前页面的地址，它包含从当前页面指向 目标页面位置的路径。 • 使用相对URL的好处：易于维护
超链接基础——相对URL ·使用相对URL时,经常使用两个与Dos 类似的符号: 句点()表示当前目录 双重句点()表示当前目录的上一级目录
超链接基础——相对URL • 使用相对URL时，经常使用两个与DOS 类似的符号： • 句点（.）表示当前目录 • 双重句点（..）表示当前目录的上一级目录
超链接基础——相对URL BaC: My Documents \My Webs\Myweb 白 images city. gif frontpage. gif sunset. gif 网] index.htn 日 interes t interest.htm 由□ fayorite photo
超链接基础——相对URL
不同类型的超链接 ·根据超链接的目标文件不同,分为: 网页之间的超链接 页面内的超链接 文件下载超链接 Emai超链接 空超链接
不同类型的超链接 • 根据超链接的目标文件不同，分为： • 网页之间的超链接 • 页面内的超链接 • 文件下载超链接 • Email超链接 • 空超链接
不同类型的超链接 根据超链接源对象的不同,分为: 文本超链接 图像超链接(包括图像映射) 对象超链接(例如Fash、Java小程序)
不同类型的超链接 • 根据超链接源对象的不同，分为： • 文本超链接 • 图像超链接（包括图像映射） • 对象超链接（例如Flash、Java小程序）
超链接标签 在HTML文件中,建立超链接的标签为和。 1.格式: ca href-"链接位置" target="窗口名称">超链接名称 2.说明: ①超链接名称就是链接的源点,当鼠标被移到超链接名称处时会变 成手状。此时,用户通过点击鼠标就可以到达链接的位置 ②链接位置就是超链接的目标,可使用URL指定。URL的格式是由 通讯协议、链接地址与文件位置所组成,语法如下: 通讯协议/链接地址/文件位置./文件名称 ③ target用于指定打开链接的目标窗口。 target属性的默认值是原窗 口,只需要将该名字设为与原窗口不同的名字,即可实现在新窗口中 打开链接。其中的“窗口名称”是你想给新窗口取的名字 HIML支持的超链接主要有2种:在同一文件中建立链接(跳转到标 记位置)和不同文件之间的跳转
超链接标签 在HTML文件中，建立超链接的标签为和。 1．格式： 超链接名称 2．说明： ① 超链接名称就是链接的源点，当鼠标被移到超链接名称处时会变 成手状 。此时，用户通过点击鼠标就可以到达链接的位置。 ② 链接位置就是超链接的目标，可使用URL指定。URL的格式是由 通讯协议、链接地址与文件位置所组成，语法如下： 通讯协议://链接地址/文件位置.../文件名称 ③ target用于指定打开链接的目标窗口。target属性的默认值是原窗 口，只需要将该名字设为与原窗口不同的名字，即可实现在新窗口中 打开链接。其中的“窗口名称”是你想给新窗口取的名字。 HTML支持的超链接主要有2种：在同一文件中建立链接（跳转到标 记位置）和不同文件之间的跳转
演示——超链接效果 同一文件中的链接:ex3-01Jhtm 不同文件中的链接:ex3-02html 链接其它站点:ex3-03html
演示——超链接效果 同一文件中的链接：ex3-01.html 不同文件中的链接：ex3-02.html 链接其它站点：ex3-03.html