HTML语言—建立超级链接.ppt
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</head>
<body>
<h1>主流的网页设计软件</h1>
<p> MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。</p>
<a href=ex0366-1.htm">网页制作软件DREAMWEAVER MX 2004</a>
<br>
<a href=“test/ex0366-2.htm">网页动画软件FLASH MX 2004</a>
</body>
</html>
<!--
文件范例：ex0366-1.htm
-->
<!-- 文件说明：内部链接文件之一 -->
<html>
<head>
<title>Dreamweaver MX 2004</title>
</head>
<body>
<h1>主流的网页设计软件</h1>
<p> DREAMWEAVER MX 2004作为网页设计软件的代表，
<A HREF=“链接位置”>超链接名称</A>
• 超链接名称 此字符串将显示于网页中，代表此超链接，并 供用户 点选超链接用，也可用图文件来代替 字符串代表超链接。
• 链接位置 指定href 属性，用来放置超链接的目标，可 使用URL 指定。URL的格式是由通讯协议、 链接地址与文件位置所 组成，如：通讯协议： // 链接地址 / 文件位置…… / 文件名称
/products ftp:///info/fi1.exe ftp://tlj@/info/fi1.exe telnet://tlj:123@:94
绝对路径：是以Web站点的根目录为参考基础的目录路 径。之 所以称为绝对，意思是指当所有网页引用同一 个文 件时，所使用的路径都是一样的。
当链接到其他网站中的文件 时，必须使用绝对路径。
基底网址标记<BASE>
<BASE>标记可以设定URL地址，一般用来设定浏 览器中文件的绝对路径，因而HTML文件中标识的 其他文件就只需要写下相对路径。 一篇文档中<BASE>标记不能多于一个，必须放于 头部(head中)，在任何保护URL地址的语句之前。 基本语法： <BASE HREF=“URL” TARGET=“WINDOW_NAME”>
相对路径和绝对路径的使用方法：
如果不是这种情况，则
ch6 dir1 ch6_1.htm 干脆如利果用引绝用对文路件径存，在比与较当省
dir2 sea.gif 前事目。录从的表子中目也录可下以，看或出存，在当
于被上引一用层的目是录同的一另个一文个件子时目，
ch7
cdhir73_1.htcmh7_2.htm录较不用中方论的时便从绝，的哪对运 。个路用文径相件都对引是路用一径，样是所的比使。
根路径
根路径：一种特别的相对路径 例：/info/fi1.exe 下列情况可使用：
当站点放于几个服务器上时 当一个服务器上放置几个站点时
不建议使用
二、链接标记<A>
<A>的属性
属性 Href Name Title Target
描述 指定链接地址
给链接命名 给链接提示文字 指定链接的目标窗口
超链接标记的基本语法：
<body>
<h1>网页动画软件FLASH MX 2004 </h1>
<p> FLASH MX 2004作为网页矢量交互动画软件的代表， 提供了图形绘制、动画制作和交互三大功能。</p>
<a href=“../ex0366.htm”>返回</a>
</body>
</html>
四、书签链接
HTML-超链接
HTML-超链接
基本概念 链接标记 内部链接 书签链接 外部链接
一、基本概念
URL 绝对路径 相对路径 根路径
URL
URL(Uniform Resource Locator):统一资源定 位符。 基本结构：
protocol://site address/directory/filename 例：/
../ch7_1.htm /ch7/ch7_1.htm
绝对路径
绝对路径：协议＋网址＋目录＋文件名 协议：HTTP、FTP、FILE、Telnet等 网址：域名地址、IP地址 目录：用“/”而不是“\” 文件名：8.3格式 用户名和密码：某些协议如FTP、Telnet需要 验证。
相对路径
相对路径：(目录）＋文件名 目录：
三、内部链接
内部链接：同一网站内部不同 HTML页面之间的链接关系。
制作内部链接 TEXT
ex0366-2.htm
HTML ch7 ex0366.htm
ex0366-1.htm
<!--
文件范例：ex0366.htm
-->
<!-- 文件说明：建立内部链接 -->
<html>
<head>
<title>建立内部链接</title>
链接到同一目录，只需输入链接文件名 链接到下一级目录，先输入目录名，再输入文件名
:目录名/文件名 链接到上一级目录，先输入“../”
基底网址
➢相对路径相和对绝路对径路最径适的合基于本网概站念的： 内部链接。
相对路径：是以引用文件的网页所在位置为参考基础， 而建立的目录路径。因此，当不同的网页引用同一个 文件时，其所使用的路径都不相同，故称之为相对。
具有站点管理和页面制作两大核心功能。</p>
<a href=“ex0366.htm”>返回</a>
</body>
</html>
<!--
文件范例：ex0366-2.htm
-->
<!-- 文件说Hale Waihona Puke ：内部链接文件之二-->
<html>
<head>
<title>内部链接文件之二</title>
</head>
引用者 被引用者
相对路径
绝对路径
ch6_1.htm ch7_2.htm ch6_1.htm ch7_2.htm
sea.gif sea.gif ch7_1.htm ch7_1.htm
../dir2/sea.gif /ch6/dir2/sea.gif ../../ch6/dir2/sea.gif /ch6/dir2/sea.gif ../../ch7/ch7_1.htm /ch7/ch7_1.htm