位图图像放大后会发现有马赛克一样的一个个像素.PPTVIP

* 图片标记：用于将图片显示在网页中 P15-17 1、img/标记(空标记) 插入图片以及设置图片的属性代码格式： img src=# [width=“…”] [height=“…”] [vspace=“…”] [hspace=“…”] [border=“…”] [align=“…”] [alt=“…”] …/ 第一单元 HTML与XHTML语言(2) 图片与链接标记(1) 网页中常用的图像格式： .gif、.jpg、.png 必要属性，图像文件路径 (1) src=“” 表示图片来源( .gif/.jpg/.png网页格式图片) (相对路径/绝对路径) source 注：.gif、.jpg 、.png一般情况下选择前面的两种，即gif格式与jpg格式。因为这两种文件格式能对图像进行很大程度的压缩，使得图像文件尺寸小很多。 img/标记的必要属性 Graphic Interchange Format 图像交换格式 Ulead GIF Animator v5.05(GIF动画制作软件) photoshop中的Adobe ImageReady Fireworks MX 2004 Joint Photographic Experts Group 图像压缩格式 WinJPG(JPEG图像的 优化软件) JPG Editor(JPEG图像 的编辑浏览软件) 矢量图与位图: 矢量图使用函数来记录图形中的颜色、尺寸等属性。图形的任何放大和缩小，都不会使图像失真和降低品质。保存图形的办法与分辨率无关，因此无论放大或缩小多少，图像的清晰度都不变。矢量图形适用于标志设计、图案设计、文字设计、版式设计等，它所生成文件也比位图文件要小一点。矢量编辑的软件有CorelDraw、Illustrator等，常见的有cdr等 位图，也叫像素图，像素都有特定的位置和颜色值。位图图像放大后会发现有马赛克一样的一个个像素。位图编辑的软件有Photoshop、 Fireworks、Painter 等, 常见的有JPEG、BMP、PSD、PNG、GIF等。 Portable Network Graphics 便携式网络图片格式 Photo Pro图像编辑，全功能图像编辑工具 Fireworks MX 2004 (2)width=“”、height=“” 设定图片宽度、高度 (像素/百分比) (3)hspace=“”、vspace=“” 设定图片(图像与文字之间) 水平、垂直间隔（像素单位） (4)border=“” 设定图片边框粗细(为0则图片没有边框) 注:当图片作为链接的标志时，周围会有蓝色边框。 (5)align=“…” ?设置图像在网页中的对齐方式(绝对对齐) (左、右、居中对齐:left、right、middle) ?设置图像和文字的对齐方式(相对对齐) (bottom、top、middle、left、 center、right) (6)alt=“...” 图像提示文字，用来描述该图像或在不支持图像的浏览器中显示的文字 链接：即超链接，从一个网页指向另一个目的端 (网页、相同网页上的不同位置)的链接，链 接目的文件可以是图片、电邮地址、多媒体 文件、Office文档或程序。 2、使用超级链接 (P26-30) 绝对路径、相对路径：链接目的端路径用URL表示 注意：链接在同一目录的文档时使用相对路径；链接其他计算机、硬盘或网站时使用绝对路径！ a…/a 链接标记 P26-30 可以设置文字、图片或电子邮件地址的超级链接。链接标记的语法格式如下： a href =“URL” [target=] [name=]… 链接标志（文字或图片） /a 必要的属性 文字作为链接标志 图片作为链接标志 ⑴href表示要链接的地址(创建8种超链接) ?可以创建基本超链接/内部链接: href=“链接地址” ?可以设置电子邮件链接: href=“mailto:E_MAIL” 当点击设置了电子邮件链接的文字时，会调出 系统默认的电子邮件软件来发邮件，如 href=“mailto:ssti@szonline.net”； 链接标记属性注释举例及实操练习： 命令词 可变的邮件地址 * * * * * * * * * * * *