［論壇音畫制作入門］第二講:?讀懂表格代碼

清風@明月 2010-05-08

展開全文

［論壇音畫制作入門］第二講: 讀懂表格代碼

一：表格代碼的基本結構：
1:功能結構
      <功能參數(shù)><分表參數(shù)>內容<分表結束><功能結束>
2:代碼結構
   結構1(簡單的表格):
<TABLE width=寬度 height=高度><TD>顯示內容</td></TABLE>

二、實例分析:
一個要在論壇里寬屏顯示圖片的代碼：
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" align=center border="0" bordercolor=#ff0000 cellpadding="0" cellspacing="0" width="1000" height="440" bgcolor=#0000ff background="http://ai./uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
<tr>
<td>　</td>
</tr>
</table>
　這個代碼說明了什么呢？首先我們先簡化一下如下：
<table>
<tr>
<td>　</td>
</tr>
</table>
1、結構標簽解釋：
        從<table>開始到</table>結束。告訴電腦我這里有一個表格。從<tr>開媽到</tr>結束，告訴電腦在這個表格中有一行表單。從<td>開始到</td>結束，告訴電腦在這一行表單中有一列表單。這個看懂了吧，這樣你對這段代碼便有了宏觀的把握，不至于擾亂思路。
這是一個最基本的表格代碼，這是一個組合，<table>表格一般不會單獨出現(xiàn),<tr><td></td></tr>這是一個單元格，如果沒有單元格的代碼，在許多網(wǎng)頁中，表格參數(shù)也就失效不顯示效果了。
        參數(shù)：上面的代碼沒有任何參數(shù)，那么，它的參數(shù)就全部是默認的了，在軟件中就是軟件默認的參數(shù)，在網(wǎng)頁中，就是網(wǎng)頁的默認參數(shù)。實例的表格參數(shù)如下：
2、基本參數(shù)解釋：
align=center      align= 是定義表格內容的顯示位置,align=center:是居中 align=left:是左對齊 align=right:是右對齊
border="0" cellpadding="0" cellspacing="0"   這是表格的顯示效果，依次為“邊寬”、“單元格間距”、“單元格邊距”，這里設置為0像素，就不會有任何表格框的顯示，在一般音畫中可省略這些代碼，因為默認的情況下，表格是不顯示框架的。在許多有邊框的祝福音畫中，利用這些參數(shù)，合成邊框效果。
bordercolor=#ff0000    定義表格邊的顏色為紅色。
width="1000"           定義了這個表格的寬度為1000像素。
height="440"           定義了這個表格的高度為440像素。
bgcolor=#0000ff        定義表格的背景顏色為藍色。
background="背景的地址">
background="http://ai./uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">      這定義了這個表格的背景用圖片顯示，網(wǎng)址是：http://ai./uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg 地址的引號也可省略。
3、風格參數(shù)解釋：
這部分是表格的風格特性參數(shù)，style="" 這是風格參數(shù)的格式，引號內是參數(shù)內容。參數(shù)內容：注意：有多個參數(shù)時，每個參數(shù)之間要用;號隔開。
本例中以下內容便是風格參數(shù)：
style="LEFT: -220px; POSITION: relative; TOP: 100px"
LEFT: -220px          表示這個表格，要在母表格的基準上向左移動220個像素。在論壇中發(fā)音畫，經(jīng)常用這個參數(shù)，因為論壇發(fā)的帖子內容，本身在論壇網(wǎng)頁軟件的一個表格中，如果不用這個參數(shù)，超過論壇帖子表格寬度的圖片等內容便不能全部顯示了。至于移動多少，這和你所在的論壇的左邊條寬度有關，發(fā)帖子時，要進行不斷的修改，才能達到圖片等剛好能全屏顯示。注意：你的圖片一般不要超過1000PX，超過了，無論你怎么調參數(shù)都不會全屏顯示你的圖片了。除非你的顯示器屏幕特別大，都能把顯示格式選擇為2048x1536。
POSITION: relative   表示這個表格和母表格的坐標關系，relative 是相對關系，表示本表格的所有參數(shù)坐標是以母表格為基準坐標的。absolute 是絕對關系，表示本表格的所有參數(shù)坐標是以總網(wǎng)頁為基準坐標的。
TOP: 100px         表示這個表格距離頂部的像素距離。這個參數(shù)的具體效果和上一個坐標關系的確定有關，好好想想，能明白了吧。
另外,風格參數(shù)等不只可用在表格，也可用在其它標簽中，例如：
<tr>
<td style="LEFT: -220px; POSITION: relative; TOP: 100px" border="0" cellpadding="0" cellspacing="0" width="1000" height="440" background="http://ai./uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg"></td>
</tr>
三：注意事項:
1:數(shù)據(jù)的分配要準確:
如果你將一個總表格分為多個單表格來處理,就要定義每個單表格的長和寬度.每個單表格加起來的總長和總寬要和總表格一致.
例1:總寬是200 總高是60 左右分 100x60+100x60=200x60 就和總寬高一樣
<table width=200 height=60><td width=100 height=60>我是芳草</td><td width=100 height=60>我是明月</td></table>
例2:總寬是200 總高是60 上下分 200x30+200x30=200x60 就和總寬高還是一樣
<table width=200 height=60><tr><td width=200 height=30>我是星空</td></tr><tr><td width=200 height=30>我是明月</td></tr></table>
2:固定表格數(shù)據(jù)并不是真的完全固定,會隨著內容的大小和多少來自動調整寬高.
例1:我們固定總寬為300 總高為30.
<table width=300 height=60 bgcolor=FFFF00><td><FONT color=FF0000 size=7>心靈芳草個歡迎你</FONT></td></table>
我們看到實際將表格擠高了.超過我們的規(guī)定,我們一定要記住這一點.要根據(jù)實際內容的寬高來調整表格的大小.才能達到理想的效果.
四、代碼的簡化：
在音畫中，表格一般用來顯示圖片，也就是說只要能按我的要求顯示圖片就可以了，所以，有許多代碼并不是必須的，多余的代碼可以省略。從本例看實際上只是要用背景方式在表格中顯示圖片，所以代碼可以簡化為如下：
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai./uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
<tr>
<td>　</td>
</tr>
</table>
其它的對齊、邊框，格距，格邊距，背景色等都是不需要的了。