浙江省计算机高考复习HTML语言.pptVIP

(2) 用图片作为背景 使用BODY标记的background属性，可为网页铺上背景图片。格式为： BODY background=图片文件名 其中“图片文件名”包括文件存放的路径，可以是相对路径，也可以是绝对路径。图片文件可为GIF格式或JPEG格式的文件。 在浏览器中，作为背景的图片将按原来的大小复制，重复铺满整个网页。作为背景的图片文件，要做的很小，以便加快下载速度。 【例2-10】图片背景。 HTML HEAD TITLE图片背景/TITLE /HEAD BODY background=bg1.gif !--在网页中加入只有一只小猫的图片-- H2 align=CENTER用图片作为背景/H2 FONT size=4 在浏览器中，作为背景的图片将按原来的大小复制，重复铺满整 个网页。因此，作为背景的图片文件，要做的很小，以便加快下 载速度。BR /FONT /BODY /HTML 在浏览器中的显示效果。 3. 图片标记 使用图片标记，可以把一幅图片加入到网页中。用图片标记还可以设置图片的替代文本、尺寸、布局等属性。格式为： IMG src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式 说明：标记中的属性说明见表2-7。 名称 说明 src 指出要加入图片的文件名，即“图片文件的路径\图片文件名”。 alt 在浏览器尚未完全读入图片时，在图片位置显示的文字。 width 宽度（像素数或百分数）。通常只设为图片的真实大小以免失真，若需要改变图片大小最好事先使用图片编辑工具。 height 设定图片的高度（像素数或百分数）。 hspace 设定图片边沿空白，以免文字或其它图片过于贴近。设定图片左右的空间水平方向空白像素数。 vspace 设定图片上下的空间，空白高度采用像素作单位。 align 图片在页面中的对齐/布局方式，或图片与文字的对齐方式。 表2-7 图片标记的属性说明 (1) 图片的尺寸 使用IMG标记的width和height属性可以设置图片的大小，width和height属性的值可取像素数，也可取百分数（浏览器窗口）。如果不设定图片的尺寸，图片将按照其本身的大小显示。 【例2-11】设置图片的尺寸。 HTML HEAD TITLE设定图片的尺寸/TITLE /HEAD BODY H4 align=center设定图片的尺寸/H4 IMG src=daisy.jpg alt=封面原始大小 IMG src=daisy.jpg alt=封面 width=85 height=120宽85，高120BR PIMG src=daisy.jpg width=40% height=40%宽40%，高40% /BODY /HTML 在浏览器中的显示效果。 (2) 图片的布局 所谓布局，就是图片放在网页中的位置，以及图片与文本的排放关系。实现这种功能，可以使用IMG标记的align属性。align属性的取值见表2-8。 表2-8 图片标记的属性说明 值 说明 left 图片居左，文本在图片的右边 center 图片居中 right 图片居右，文本在图片的左边 top 图片的顶部与文本对齐 middle 图片的中央与文本对齐 bottom 图片的底部与文本对齐 除此之外，使用P标记的align属性或CENTER标记也可以实现相应的功能。 当设置文本环绕方式（left或right）后，将一直有效，如果想取消环绕方式，可使用BR标记的clear属性，其后的文本将不再环绕图片。格式为： BR clear=left或right或all 【例2-12】文本环绕图片及其解除。 HTML HEAD TITLE设定图片的对齐方式/TITLE /HEAD BODY H4 align=center设定图片的对齐方式/H4 IMG src=daisy.jpg align=left nbsp;nbsp; 如果不设置文本对图片的环绕， 图片在页面会占一片空白。利用标记的属性， 可以使文本环绕图片。br nbsp;nbsp; 其中align的值可取：br nbsp;nbsp; aleft图片居左，文本在图片的右边。br nbsp;nbsp; right图片居右，文本在图片的左边。br clear=left