HTML_图片.ppt

插入图片 图片设置 利用img标记插入AVI文件 图片的超链接 图片基本格式 1.网页常用的图像格式有JPEG和GIF两种。 2.为了保证下载速度，图片并不是越多越好。 插入图片 img 功 能：在文档中插入一个图像 属 性：align border height hspace loop lowsrc src start vspace width alt 结束标签：HTML中没有 包 含：无 使用范围：text 属性1 图片地址 一、SRC 图像的源文件 基本语法：img src=“file_name” 说 明：1.src的值为图片路径。 2.单一的img属性不起作用，它要配合着SRC属性用。 LOWSRC 设置或返回图像的低分辩率版本的URL. 基本语法：img lowsrc=“file_name” 属性2 提示文字 二、ALT 图像的提示文字 基本语法：img src=“file_name” alt=“说明提示文字” 说 明：1.鼠标放在图像上的提示文字 2.图像没有被下载，在图像的位置上会显示提示文字。 3.ALT属性最多可以包含1024个字符串。 属性3 设置图片的宽度和高度 三、WIDTH\HEIGHT 设置图片的宽度和高度 基本语法：img src=“file_name” width=“value” height=“value” 说 明：1.图像的宽度和高度的单位可以是像素，也可以是百分比。 2.在应用中最好为图像指定高、宽。这样可以省去浏览器自动调整的负担。 3.通过改变这两个值可以制作缩略图效果。 属性4 图像的边框 四、BORDER 设置图像的边框 基本语法：img src=“file_name” border=“value” 说 明：1.默认的图片没有边框。 2.边框可以设置宽度，单位为像素，但不能设置颜色。 3.对图像加入链接后边框的颜色和链接文字颜色一致，默认为深蓝色。 属性5 图像与文字之间的距离 五、HSPACE\VSPACE 设置图像与文字的距离 基本语法：img src=“file_name” vspace=“value” hspace=“value” 说 明：1.两个属性的值的单位都是像素。 2.VSPACE设置图片与文字上下的距离，HSPACE设置图片与文字左右的距离。 属性6 图像与文字的环绕方式 六、ALIGN 设置图像与文字的环绕方式 基本语法：img src=“file_name” align=“value” 说 明：1.ALIGN的取值 TOP:文字的中间线居在图片上方 MIDDLE：文字的中间线在图片中间 BOTTOM:文字的中间线在图片底部 LEFT:图片在文字的左侧 RIGHT：图片在文字的右侧 ABSBOTTOM：文字的底线在图片底部 ABSMIDDLE:文字的底线在图片中间 BASELINE:英文文字基准线对齐 TEXTTOP：英文文字上边线对齐 属性6 图像与文字的环绕方式 2.基线（baseline），底部（bottom），绝对底部（absolute bottom）效果相同，是指图像底端与文字的底端对齐。 3.对于中文“项端”（top），“文本上方”（texttop）方式是指图像顶端和文字行最高字符的顶端对齐。 4.中间（middle）方式是指图像的中间线和文字的低端对齐。 5.“绝对中间”（absolute middle）是指图像的中间线和文字的中间线对对齐。“绝对中间”对齐方式用处比较大，文字前如有小图标，那么图标应该使用“绝对中间”对齐方式。 一、DYNSRC AVI的源文件 基本语法：img dynsrc=“file_name” 说 明：1.DYNSRC的值为AVI文件的路径 2.img标签能