HTML语言——构建超链接.ppt

HTML-超链接;HTML-超链接;一、基本概念;URL;相对路径和绝对路径的使用方法：;绝对路径;相对路径;相对路径和绝对路径的基本概念：;基底网址标记BASE;根路径;二、链接标记A;超链接标记的基本语法：;三、内部链接;!-- 文件范例：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的位置。;!-- 文件范例：ex0367.htm -- !-- 文件说明：建立书签链接 -- html head title建立书签链接/title /head body h1主流的网页设计软件/h1 a name=dwh3Dreamweaver MX 2004/h3/a pDREAMWEAVER MX 2004作为网页设计软件的代表.……/p a name=flh3Flash MX 2004/h3/a pFLASH MX 2004作为网页矢量交互动画软件的代表。……/p a name=fwh3Fireworks MX 2004/h3/a pFireworks MX 2004作为网页图像设计软件的代表。……/p /body /html ;;!-- 文件范例：ex0369.htm -- !-- 文件说明：链接到不同页面的书签 -- html head title链接到不同页面的书签/title /head body h1主流的网页设计软件/h1 a href=ex0368.htm#dwDreamweaver MX 2004/a a href=ex0368.htm#flFlash MX 2004/a a href=ex0368.htm#fwFireworks MX 2004/a /body /html;五、外部链接;!-- 文件范例：ex0370.htm