2.4.3 設定圖片的布局 html

布局是圖像放在網頁中的位置以及圖像與文本的排放關系。實現這種功能，除了利用<IMG>標記的align屬性外，還有<CENTER>、<P>等標記。

1. 設置圖像的對齊方式

圖像可放在頁面的左邊（left）、中間（center）和右邊（right）。

使用<P>標記的align屬性可實現圖像的居左、居中和居右。

格式為：

<P align=left 或center或right ><IMG src=”圖像文件名”></P>=另外，實現圖像居中還可以使用<CENTER>標記，格式為：<center><IMG src=”圖像文件名”> </center>

例  2-12    設置圖像的對齊方式

2. 設置圖像與文本間的關系

（1）設置圖像與文本之間的空白

<IMG>標記的hspace和vspace屬性可實現該功能。

（2）文本與圖像在垂直方向上的對齊

文本 <IMG src=“圖片文件名”align=“對齊方式”> 文本

其中align的值可?。?/p>

top文本與圖像的頂部對齊；

middle文本與圖像的中央對齊；

bottom文本與圖像的底部對齊。

（3）文本環(huán)繞圖像

<IMG  src=“圖片文件名”align=“對齊方式”>文本

其中align的值可?。?/p>

left      圖像居左，文本在圖像的右邊；

right     圖像居右，文本在圖像的左邊。

使用該標記設置文本環(huán)繞方式后，將一直有效，直到遇到下

一個設置標記。如果想取消文本環(huán)繞圖像，可用<BR clear>

標記，其后的文本將不再環(huán)繞圖像。其格式為：

<BR clear=left 或 right或all>

例  2-13    設置圖像與文本間的關系