第6章 超链接第19章 图片和多媒体文件使用.pptVIP

第6章 超链接第19章 图片和多媒体文件的使用; 超链接 图片元素的使用 图片超链接 其他多媒体元素的使用 ; 超链接 图片元素的使用 图片超链接 其他多媒体元素的使用 ; 1. 超链接概述 2. 超链接标记 3. 超链接分类 4. 创建超链接 ; 超链接（Hyperlink）可以看作是一个“热点”，它可以从当前Web页定义的位置跳转到其他位置，包括当前页的某个位置、Internet或本地硬盘或局域网上的其他文件，甚至跳转到声音、图片等多媒体文件。浏览Web页是超链接最普遍的一种应用，通过超链接还可以获得不同形态的服务，如文件传输、资料查询、电子函件、远程访问等。 ; 当Web页包含超链接时，Web页中的外观形式为彩色（一般为蓝色）且带下划线的文字或图片。单击这些文本或图片，可跳转到相应位置。鼠标指针指向超链接的显示文本或图片时，将变成手形。超文本链接使用热点标记a来定义。 ;2.超链接标记;*; ;html head title插入外部链接/title /head body A href=电子工业出版社/A与国内第三方网络支付平台提供商——首信易在线支付合作，开通了网上付款购书业务，实现了互联网上的在线支付、资金清算、查询统计等功能。实现了读者灵活、方便地进行网上购书，同时让读者享受网络科技带来的快捷和便利。 /body /html;格式： A href =要链接到的地址 …链接内容/A 关键：“要链接到的地址 ”即路径如何确定？？ ;两种类型的链接路径： 绝对路径/index.html）（用于网站之间的跳转） D:/myweb/ch4/1.html（一般不用） 相对路径（例如 ./contents.html） ;假设ex1.htm文件引用1.jpg文件：;;*;相对路径使用方法;*; ; 创建指向其他页面的链接，就是在当前页面与其他相关页 面间建立超链接。无论目标文件与当前文件的目录关系如何， 其格式为： A href=目标文件的路径/目标文件名.html链接内容/A 根据目标文件与当前文件的目录关系，有3种写法： ?? 链接到同一目录内的网页文件，其格式为： A href=目标文件名.html链接内容/A 目标文件名是链接所指向的文件。; ② 链接到下一级目录中的网页文件，其格式为： A href=子目录名/目标文件名.htm 链接内容/A ③ 链接到上一级目录中的网页文件，其格式为： A href=../目标文件名.html链接内容/A 其中“../”表示退到上一级目录中。 表示先退到上一级目录中，然后再进入到目标文件所在的目录。;一个站点不同网页之间跳转;锚点连接;锚点链接(书签) ——同一页面内的跳转;锚点链接(书签) ——不同页面内的跳转;例子-同一页面内的跳转;设置电子邮件链接;设置电子邮件链接;表2-1 BODY标记的属性;HTML HEAD TITLE设定链接/TITLE /HEAD BODY link=green vlink=red alink=orange a href=/eschool硅谷动力网络学院/a p这是一个a href=链接的例子/a。点一下带下划线的文字!/p p链接到a href=11.htm11.htm/a /BODY /HTML; 超链接 图片元素的使用 图片超链接 其他多媒体元素的使用 ;1.图片文件的格式及来源 2.设置网页的背景 3.添加图片标记 ;1.网页图像的格式及来源;图形图像的分类 ;;图形图像;2.位图 位图也称为点阵图或像素图，它由网格上的点组成，这些点称为像素。位图是连续色调图像（如照片或数字绘画）最常用的电子媒介，因为它可以表现阴影和颜色的细微层次。 ; 目前已有上百种图片文件格式在使用，而且这些格式是互不兼容的。 在 Web 页面内使用图像，用户首先必须考虑两个方面的因素，一个是图像的质量，另一个是图像的大小。 图像的质量影响到 Web 页面的视觉效果和信息表现力；图像的大小影响到 Web 页面的下载速度。一般要求 Web 页面图像质量尽量的高，图像文件尽量的小；而实际应用中，图像的质量往往与图像的大小是相悖的，这就要求用户根据 Web 页面的实际需要权衡图像的质量和大小之间的关系。; 由于图像的质量和大小与图像的文件格式有着直接的关系，因此解决图像的质量和大小的主要方式就是选择合适的图像文件格式。