2.4.3 設(shè)定圖片的布局 html

布局是圖像放在網(wǎng)頁(yè)中的位置以及圖像與文本的排放關(guān)系。實(shí)現(xiàn)這種功能，除了利用<IMG>標(biāo)記的align屬性外，還有<CENTER>、<P>等標(biāo)記。

1. 設(shè)置圖像的對(duì)齊方式

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

使用<P>標(biāo)記的align屬性可實(shí)現(xiàn)圖像的居左、居中和居右。

格式為：

<P align=left 或center或right ><IMG src=”圖像文件名”></P>=另外，實(shí)現(xiàn)圖像居中還可以使用<CENTER>標(biāo)記，格式為：<center><IMG src=”圖像文件名”> </center>

例  2-12    設(shè)置圖像的對(duì)齊方式

2. 設(shè)置圖像與文本間的關(guān)系

（1）設(shè)置圖像與文本之間的空白

<IMG>標(biāo)記的hspace和vspace屬性可實(shí)現(xiàn)該功能。

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

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

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

top文本與圖像的頂部對(duì)齊；

middle文本與圖像的中央對(duì)齊；

bottom文本與圖像的底部對(duì)齊。

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

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

其中align的值可取：

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

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

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

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

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

<BR clear=left 或 right或all>

例  2-13    設(shè)置圖像與文本間的關(guān)系