从HTML语言到网上家园 第四章 页面风格设计(3)

答案：
　　4.4加入图像
　　要想使网页美观漂亮，在页面中插入图片是不可避免的。〈img〉元素的作用就是在文档中嵌套一个图像或一个视像片断，其基本语法格式如下：
　　〈IMG
　　SRC=url
　　ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE | RIGHT | TEXTTOP | TOP
　　BORDER=n
　　HEIGHT= n
　　WIDTH= n
　　LOOP= n
　　USEMAP=url〉
其中
　　SRC==url 定义了图像的来源；
　　ALIGN 规定图像的对齐方式。对齐方式分水平对齐和垂直对齐，水平对齐指定了图像在页面中的布局，垂直对齐指的是图像与文本的对齐方式。属于水平对齐的有LEFT（左对齐）、MIDDLE（水平居中）和RIGHT（右对齐），属于垂直对齐的有ABSBOTTOM（相对底边对齐）、ABSMIDDLE（相对垂直居中）、BASELINE（与基线对齐）、BOTTOM（与底边对齐）、TOP（与顶边对齐）和TEXTTOP（与文本顶边对齐），默认值为LEFT。
　　BORDER＝n 规定在图像周围要画的边框宽度，以象素为单位；
　　HEIGHT＝n 定义图像的高度，和WIDTH一起规定图像的尺寸，可以用象素或百分数设，默认图像尺寸为原始大小；
　　WIDTH= n定义图像的宽度，和HEIGHT一起规定图像的尺寸，用法与HEIGHT相同；
　　LOOP＝ n 规定图像显示要循环的次数，LOOP="infinite" 表示不限制播放次数， n的默认只是1；
　　USEMAP＝url 指定与图像相关联的图像地图（参见3.5图象地图）
例1：在网页中插入一幅图片的HTML
〈img border="3" src="http://old.zzzyk.com/article/images/wus.jpg" width="318" height="379"〉

例2：图像的对齐设置。
（1）〈img src=" images/sina_logo2.gif" align="right" 〉 

（2）〈img src=" images/sina_logo2.gif" align="top" 〉

（3）〈img src=" images/sina_logo2.gif" align="middle" 〉

（4）〈img src=" images/sina_logo2.gif" align="bottom" 〉 
 

上一个：从HTML语言到网上家园 第四章 页面风格设计(4)
下一个：从HTML语言到网上家园 第四章 页面风格设计(2)