HTML语言–建立超级链接.ppt

HTML-超链接 HTML-超链接 基本概念 链接标记 内部链接 书签链接 外部链接 一、基本概念 URL 绝对路径 相对路径 根路径 URL URL(Uniform Resource Locator):统一资源定位符。 基本结构： protocol://site address/directory/filename 例：/ /products /info/fi1.exe ftp://tlj@/info/fi1.exe telnet://tlj:123@:94 绝对路径 绝对路径：协议＋网址＋目录＋文件名 协议：HTTP、FTP、FILE、Telnet等 网址：域名地址、IP地址 目录：用“/”而不是“\” 文件名：8.3格式 用户名和密码：某些协议如FTP、Telnet需要验证。 相对路径 相对路径：(目录）＋文件名 目录： 链接到同一目录，只需输入链接文件名 链接到下一级目录，先输入目录名，再输入文件名 :目录名/文件名 链接到上一级目录，先输入“../” 基底网址 基底网址标记BASE BASE标记可以设定URL地址，一般用来设定浏览器中文件的绝对路径，因而HTML文件中标识的其他文件就只需要写下相对路径。 一篇文档中BASE标记不能多于一个，必须放于头部(head中)，在任何保护URL地址的语句之前。 基本语法： BASE HREF=“URL” TARGET=“WINDOW_NAME” 根路径 根路径：一种特别的相对路径 例：/info/fi1.exe 下列情况可使用： 当站点放于几个服务器上时 当一个服务器上放置几个站点时 不建议使用 二、链接标记A 三、内部链接 内部链接：同一网站内部不同HTML页面之间的链接关系。 制作内部链接 !-- 文件范例：ex0366.htm -- !-- 文件说明：建立内部链接 -- html head title建立内部链接/title /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 titleDreamweaver MX 2004/title /head body h1主流的网页设计软件/h1 p DREAMWEAVER MX 2004作为网页设计软件的代表， 具有站点管理和页面制作两大核心功能。/p a href=“ex0366.htm”返回/a /body /html !-- 文件范例：ex0366-2.htm -- !-- 文件说明：内部链接文件之二 -- html head title内部链接文件之二/title /head body h1网页动画软件FLASH MX 2004 /h1 p FLASH MX 2004作为网页矢量交互动画软件的代表，提供了图形绘制、动画制作和交互三大功能。/p a href=“../ex0366.htm”返回/a /body /html 四、书签链接 建立书签 链接到同一页面中的书签 链接到其他页面中的书签 链接指针可以使读者在整个因特网网上方便的跳跃浏览，当一个HTML较长时，还可以在文件中建立一些链接，实现同一文件中内容的跳跃浏览。对于一个完整的文件，可以用URL来唯一地标识被指向的目标，但对于同一文件的不同部分，被指向的目标是通过a标记的NAME属性来定义。 建立书签的格式：a name=“name ”text/a NAME属性用来给被链接的部分起名字并加标记，text是可选项。 为书签制作链接:a href=“URL#name”text /a 其中的URL是放置标记的HTML文件的URL，name是标记名，对于同一个文件，可以写为a href=“#name”text /a。这时就可以点取text跳转到标记名为name的位置。 !--