分享
分享赚钱 收藏 举报 版权申诉 / 40

类型html语言—建立超级链接.ppt

  • 上传人:无敌
  • 文档编号:117005
  • 上传时间:2018-03-21
  • 格式:PPT
  • 页数:40
  • 大小:389.50KB
  • 配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    html语言—建立超级链接.ppt
    资源描述:

    1、HTML-超链接,HTML-超链接,基本概念链接标记内部链接书签链接外部链接,一、基本概念,URL 绝对路径相对路径根路径,URL,URL(Uniform Resource Locator):统一资源定位符。基本结构: protocol:/site address/directory/filename例:http:/ http:/ ftp:/ 链接到同一目录,只需输入链接文件名链接到下一级目录,先输入目录名,再输入文件名 :目录名/文件名链接到上一级目录,先输入“./”基底网址,相对路径和绝对路径的基本概念:,相对路径:是以引用文件的网页所在位置为参考基础, 而建立的目录路径。因此,当不同的网

    2、页引用同一个 文件时,其所使用的路径都不相同,故称之为相对。,相对路径最适合于网站的内部链接。,绝对路径:是以Web站点的根目录为参考基础的目录路 径。之 所以称为绝对,意思是指当所有网页引用同一 个文 件时,所使用的路径都是一样的。,当链接到其他网站中的文件时,必须使用绝对路径。,基底网址标记,标记可以设定URL地址,一般用来设定浏览器中文件的绝对路径,因而HTML文件中标识的其他文件就只需要写下相对路径。一篇文档中标记不能多于一个,必须放于头部(head中),在任何保护URL地址的语句之前。基本语法: ,根路径,根路径:一种特别的相对路径例:/info/fi1.exe下列情况可使用: 当站

    3、点放于几个服务器上时当一个服务器上放置几个站点时不建议使用,二、链接标记,的属性,超链接标记的基本语法:,超链接名称,超链接名称 此字符串将显示于网页中,代表此超链接,并 供用户点选超链接用,也可用图文件来代替 字符串代表超链接。,链接位置指定href 属性,用来放置超链接的目标,可 使用URL 指定。URL的格式是由通讯协议、 链接地址与文件位置所 组成,如:通讯协议: / 链接地址 / 文件位置 / 文件名称,三、内部链接,内部链接:同一网站内部不同HTML页面之间的链接关系。制作内部链接,HTML,ch7,ex0366.htm,ex0366-1.htm,ex0366-2.htm,TEXT

    4、, 建立内部链接 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2004 网页动画软件FLASH MX 2004 , Dreamweaver MX 2004 主流的网页设计软件 DREAMWEAVER MX 2004作为网页设计软件的代表, 具有站点管理和页面制作两大核心功能。 返回 , 内部链接文件之二 网页动画软件FLASH MX 2004 FLASH MX 2004作为网页矢量交互动画软件的代表,提供了图形绘制、动画制作和交互三大功能。 返回 ,四、书签链接,建立书签链接到

    5、同一页面中的书签链接到其他页面中的书签,书签链接:,建立书签链接的步骤:,书签链接,是指浏览者单击浏览目录上的项目就能自动跳到网页相应的位置进行阅读 。如:返回首页等。,建立书签;为书签制作链接。,链接指针可以使读者在整个因特网网上方便的跳跃浏览,当一个HTML较长时,还可以在文件中建立一些链接,实现同一文件中内容的跳跃浏览。对于一个完整的文件,可以用URL来唯一地标识被指向的目标,但对于同一文件的不同部分,被指向的目标是通过标记的NAME属性来定义。 建立书签的格式:text NAME属性用来给被链接的部分起名字并加标记,text是可选项。 为书签制作链接:text 其中的URL是放置标记的

    6、HTML文件的URL,name是标记名,对于同一个文件,可以写为text 。这时就可以点取text跳转到标记名为name的位置。, 建立书签链接 主流的网页设计软件 Dreamweaver MX 2004 DREAMWEAVER MX 2004作为网页设计软件的代表. Flash MX 2004 FLASH MX 2004作为网页矢量交互动画软件的代表。 Fireworks MX 2004 Fireworks MX 2004作为网页图像设计软件的代表。 , 链接到同一页面的书签 主流的网页设计软件 Dreamweaver MX 2004 Flash MX 2004 Fireworks MX 2

    7、004 , 链接到不同页面的书签 主流的网页设计软件 Dreamweaver MX 2004 Flash MX 2004 Fireworks MX 2004 ,五、外部链接,链接到外部网站链接FTP链接Telnet链接到新闻组发送Email下载文件, 链接到外部网站 新浪网站 , 链接FTP主机 北京大学FTP站点 , 链接Telnet 北京大学未名站 , 链接News新闻组 News新闻组 ,发送Email,基本语法: 链接文字 链接文字 链接文字 链接文字, 发送电子邮件 李老师 黄老师 效果, 下载文件 下载软件 ,设定链接的目标窗口,单击超链接后,默认的浏览器窗口是原有窗口,实际上,我

    8、们在操作时,还可以指定所使用的超链接所打开的目标窗口,如开新窗口等。基本语法: , 链接的提示文字 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2004 网页动画软件FLASH MX 2004 , 链接的提示文字 主流的网页设计软件 MACROMEDIA公司的网页设计三剑客DREAMWEAVER、FLASH、 FIREWORKS。 网页制作软件DREAMWEAVER MX 2004 网页动画软件FLASH MX 2004 ,六、图片的超链接,图片的链接标记与文字是相同的。一张图

    9、片可以对应多个链接。, 建立图像链接 主流的网页设计软件 目前,网页技术进入了一个新的阶段, DREAMWEAVER MX 2004 FLASH MX 2004 , 内部链接文件之一 Dreamweaver MX 2004 WEAVER MX 2004作为网页设计软件的代表,具有站点管理和页面制作两大核心功能。 返回 , 内部链接文件之二 Dreamweaver MX 2004 FLASH MX 2004作为网页矢量交互动画软件的代表,提供了图形绘制、动画制作和交互三大功能。 返回 ,链接标记符链接地图,图像链接中每幅图只能指向一个地点,而图像地图可以把图像分成多个区域,每个区域指向不同的目标

    10、文档。 链接地图 下面定义的是一个链接地图 ,返回目录,链接标记符链接地图,首先要为链接源点的图像添加ismap属性,将图像定义为地图。usemap属性的参数值为“#地图名”,说明该图像是遵循哪个地图定义的。 HTML是通过和标签来定义地图的。标签有一个不可缺省的属性name,参数值是地图名字。地图的区域划分是通过标签来实现的。标签有三个属性,就是上例中用到的shape、coords、href,分别表示该区域的形状、范围和所链接到的目标文档。上例中用到的rect用于指定一个矩形区域,该区域的位置由左上角坐标和右下角坐标。poly 指定一个多边形区域, 该区域的位置由各顶点坐标说明。circle 指定一个圆形区域,该区域的位置由垂直通过圆心的直径与该圆的交点坐标说明。上例中语句定义了一个矩形区域,矩形的左上角坐标为(100,80),右下角的坐标为(130,120)。在该区域的任何位置点击都可以链接到目标文档“WATER.HTML”。,返回目录,

    展开阅读全文
    提示  道客多多所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:html语言—建立超级链接.ppt
    链接地址:https://www.docduoduo.com/p-117005.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    道客多多用户QQ群:832276834  微博官方号:道客多多官方   知乎号:道客多多

    Copyright© 2025 道客多多 docduoduo.com 网站版权所有世界地图

    经营许可证编号:粤ICP备2021046453号    营业执照商标

    1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png



    收起
    展开