定位插入的各種代碼
頁面上要在那一個位置插入文字或圖片等內(nèi)容，有三種方法：第一，是定位標(biāo)簽．第二，是用表格多行多列，在單元格內(nèi)插入內(nèi)容．第三，是html標(biāo)簽行內(nèi)套用css語句，設(shè)置絕對定位加疊內(nèi)容．先學(xué)習(xí)第一種方法定位標(biāo)簽．
定位標(biāo)簽有二種屬性內(nèi)容及屬值：
定位標(biāo)簽屬性內(nèi)容：水平方向（align）和垂直方向（valign）．
水平方向align有三種屬值：left（左對齊），center（居中），right（右對齊）．
垂直方向valign有二種屬值：top（靠頂），bottom（靠底）。
定位標(biāo)簽?zāi)Ｊ剑?div style="height:15px;">
<DIV 屬性內(nèi)容=屬值> 定位標(biāo)簽?zāi)Ｊ?</DIV>
<p屬性內(nèi)容=屬值> 定位標(biāo)簽?zāi)Ｊ?</p>
水平方向即左中右的示例：
文字左對齊的代碼：
<p align=left>
<font style=font:15pt face=黑體 color=0000ff>
文字左對齊的標(biāo)簽:<p align=left>
</font></P>
顯示結(jié)果：
文字左對齊的標(biāo)簽:<p align=left>
文字居中的代碼：
<p align=center>
<font style=font:15pt face=黑體 color=0000ff>
文字居中的標(biāo)簽:<p align=center>
</font></P>
還有下面兩條居中標(biāo)簽：
<CENTER>居中標(biāo)簽</CENTER>
<DIV align=center> 居中標(biāo)簽</DIV>
顯示結(jié)果： 文字居中的標(biāo)簽:<p align=center>
文字右對齊的代碼：
<p align=right>
<font style=font:15pt face=黑體 color=0000ff>
文字右對齊的標(biāo)簽:<p align=right>
</font></P>
顯示結(jié)果： 文字右對齊的標(biāo)簽:<p align=right>
垂直方向即靠頂和靠底的示例：
垂直方向定位靠頂或靠底，可以結(jié)合水平方向左中右，構(gòu)成六種位置指令．代碼必須加在表格的列標(biāo)簽<d>中，才有效．一個單元格中只能執(zhí)行一條指令.
代碼模式：
<TD align=LEFT valign=top>
◆<TD 水平方向=左 垂直方=頂>
（一） 靠頂top的不同水平位置代碼：
<TD align=LEFT valign=top>居左靠頂
<TD align=center valign=top>居中靠頂
<TD align=right valign=top>居右靠頂
（二） 靠底bottom的不同水平位置代碼：
<TD align=LEFT valign=bottom>居左靠頂
<TD align=center valign=bottom>居中靠頂
<TD align=right valign=tbottom>居右靠頂
不同位置插入文字的實例 （一）
練習(xí)做生日圖片．設(shè)置一張有鮮花作背景的圖框，表格分拆為上中下三個單元格，邊框粗度設(shè)為"0". 第一單元格插入的文字靠頂居左；第二單元插入的文字居中；第三單元格插入的文字靠底居右．代碼如下：
說明：
◆<p align="center">居中標(biāo)簽．
◆<table border="0".....cellpadding="10">表格標(biāo)簽，用鮮花圖片作背景．
◆<td valign=top height="130">第一單元格．加入居左靠頂語句．<
◆<td align=center height="200">第二單元格．加入居中語句．
◆<td align=right valign=bottom height="80">第三單元格．加入居右靠底語句．
◆</td></tr></table></P>表格和圖片居中代碼的尾標(biāo)簽．
顯示結(jié)果：
送給春蘭妹妹
祝你生日快樂！
大姐冬梅
20080808
注： 這種多元格表格，邊框雖設(shè)定為零，但有一些論壇發(fā)表時，仍顯示出單元格分隔線，用下面不設(shè)多元格的方法，也可達到相仿的效果．
說明：
◆<td align=LEFT valign=top >列標(biāo)簽指令第一行文字居左靠頂語句．
◆<DIV align=center style.....>定義居中的第二行特效文字的代碼．
◆<BR><BR><BR><BR><BR><BR>設(shè)置６個空行標(biāo)簽，占用一些位置．
◆<DIV align=right valign=tbottom>定義第三行文字居右靠底．
顯示結(jié)果：
送給春蘭妹妹
祝你生日快樂！
大姐冬梅
20080808
◇
擊點打開html代碼瀏覽器◇
原創(chuàng)編輯：游子
2005年10月試編 2006年06月改編
2007年04月改編 2008年11月改編
（為了讓更多網(wǎng)友學(xué)用html代碼制作音畫貼，本貼歡迎轉(zhuǎn)載．但是．我用了很多時間和精力編寫這些資料的，轉(zhuǎn)載時請注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝?。?
