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

第6章 超链接第19章 图片和多媒体文件的使用 当Web页包含超链接时，Web页中的外观形式为彩色（一般为蓝色）且带下划线的文字或图片。单击这些文本或图片，可跳转到相应位置。鼠标指针指向超链接的显示文本或图片时，将变成手形。超文本链接使用热点标记a来定义。 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文件： 使用相对路径： ./ image/1.jpg（“.”代表当前目录，因此./image代表当前目录下的image文件夹， ./是可以省略的，即 image/1.jpg ） 绝对路径D:/myweb/ch4/ch4_1/image/1.jpg（不可取） 一个站点不同网页之间跳转 html head title插入内部链接/title /head body 电子工业出版社与国内第三方网络支付平台提供商——首信易在线支付合作，开通了A href=index.htm网上付款购书业务/A，实现了互联网上的在线支付、资金清算、查询统计等功能。实现了读者灵活、方便地进行网上购书，同时让读者享受网络科技带来的快捷和便利。 /body /html 锚点连接 同一页面内的跳转 一个站点内不同页面之间的跳转 例子-同一页面内的跳转 html head title无标题文档/title /head body pa href=#first第1本书/a a href=#second第2本书/a a href=#third第3本书/a/p h3a name=first/a精通CSS+DIV网页样式与布局/h3 p本书系统地讲解了.../p h3a name=second/aCSS设计彻底研究/h3 p本书是一本... /p h3a name=third/aCSS设计禅意花园/h3 p本书作者是.../p /body /html 设置电子邮件链接 html head title无标题文档/title /head body 联系我们a href=mailto:support@163.com给我们发送邮件/a /body /html 图形图像 矢量图的文件格式 .ai .cdr .eps .wmf flash的文件格式是swf 目前已有上百种图片文件格式在使用，而且这些格式是互不兼容的。 在 Web 页面内使用图像，用户首先必须考虑两个方面的因素，一个是图像的质量，另一个是图像的大小。 图像的质量影响到 Web 页面的视觉效果和信息表现力；图像的大小影响到 Web 页面的下载速度。一般要求 Web 页面图像质量尽量的高，图像文件尽量的小；而实际应用中，图像的质量往往与图像的大小是相悖的，这就要求用户根据 Web 页面的实际需要权衡图像的质量和大小之间的关系。 由于图像的质量和大小与图像的文件格式有着直接的关系，因此解决图像的质量和大小的主要方式就是选择合适的图像文件格式。 综合考虑，适合 Internet 传输和浏览的图像文件格式主要有 GIF、JPEG 和 PNG 三种，它们不仅文件比较小、图像质量比较高、网上传输速度快，而且被越来越多的软件所支持，特别是 GIF 和 JPEG 格式，这两种图片格式都是压缩的，能够显著地减少对带宽的占用，几乎被所有的 Web 制作软件和 Web 浏览器所支持。 PNG 是一种最新比较流行的 Web 图像格式，虽然还没有被所有的 Web 软件所支持，但是由于其强大的压缩能力和优越的图像质量，以及对连续下载显示的支持，使其在 Web 领域的应用范围越来越广泛，最终将取代 GIF和 JPEG 格式成为主要 Web 图像格式。 设置图像的尺寸 html head title设置图像的尺寸/title /head body img src=cup.gif i