《Table屬性與應用》
|
|||
<table>的屬性 |
|
||
<table>屬性的應用 |
1、 table 的屬性是根據(jù)需要來取舍的,如我需要背景圖片(用我頭像),那么,我們就把背景圖片屬性代碼 background 加到<table>里面去,代碼如下: <table background=圖片地址>
<tbody>
<tr>
<td>
<p> 藍波歡迎您!</p></td></tr></tbody></table>
(這也是最原始最簡單的“圖片上加文字的方法”)
|
1、效果:
|
|
2、我們看到1效果并不理想,那么,我們再試著加上邊框屬性border、 寬度屬性width 、高度屬性height ,文字也變成大號會移動的粉色字體,代碼如下: <table background=圖片地址 width=60 height=60 border=1>
<tbody>
<tr>
<td>
<p><marquee direction=left scrollamount=3><font color=#ff00ff size=5> 藍波歡迎您!</font></marquee></p></td></tr></tbody></table>
|
2、效果: |
||
3、其它屬性應用不多累述,可以參看本博日志【表格大全】。 | |||
<table>
...
</table>這對代碼的基本架構
|
因為<table> </table>是一對表格框架代碼,所以它必須有橫豎骨架來組成,也就是常說的行和列,所以最基本的代碼樣式是: <table>
<tbody>
<tr>
<td>
這里寫入圖片、文字、音畫...等等內容代碼
</td>
</tr>
</tbody>
</table>
|
簡解: 1、<table> 標簽表示HTML表頭;
2、<tbody>標簽表示HTML表體;
3、<tr>表示行
4、<td>表示列
|
|
<table> 常用到的幾種基礎代碼組合 |
1、圖片加播放器組合。代碼如下↓ 效果在右→ <TABLE BACKGROUND=背景圖片地址 WIDTH=展示的寬度 HEIGHT=展示的高度 BORDER=1><TBODY><TR><TD><P><EMBED SRC=音樂地址 WIDTH=播放器顯示的寬度 HEIGHT=播放器顯示的高度 ></P></TD></TR></TBODY></TABLE> (注:播放器的位置,可以簡單用增減 <P> </P> 這對代碼來調節(jié)。有關更多播放器的特效代碼和屬性注解,可參看本博日志《WMP播放器款式及代碼》!) |
|
|
2、圖片疊加flash自合。代碼如下↓效果在右→ <TABLE BACKGROUND=背景圖片地址 WIDTH=展示的寬度 HEIGHT=展示的高度 BORDER=1><TBODY><TR><TD><P><EMBED SRC=flash地址 WIDTH=播放器顯示的寬度 HEIGHT=播放器顯示的高度 ></P></TD></TR></TBODY></TABLE> (注:這個代碼和1是一樣的,只是把音樂地址改成flash地址即可?。?/font> |
|
||
3、圖片文字flash組合。代碼如下↓ 效果在右→ <TABLE BACKGROUND=背景圖片地址 WIDTH=展示的寬度 HEIGHT=展示的高度 BORDER=1><TBODY><TR><TD><P><EMBED SRC=flash地址 WIDTH=播放器顯示的寬度 HEIGHT=播放器顯示的高度 ><MARQUEE scrollAmount=3><FONT color=#ffff00 size=4>我就知道您會來!看看這花多美啊~!</FONT></MARQUEE></P></TD></TR></TBODY></TABLE> (注:編代碼1的時候說到用<P> </P> 這對代碼來調節(jié)位置 ,其實它就是一對段落代碼,可以在其中寫入各種內容?。?/font> |
|
||
4、日志背景制作組合。代碼如下↓ 效果在右→ <TABLE><TBODY><TR><TD>
<TABLE><TBODY><TR><TD>
<TABLE><TBODY><TR><TD>
...... 這里寫日志內容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
(注:在上面說了 TABLE 的基礎架構代碼,這個組合就是在一個架構代碼中嵌入一個架構代碼,再嵌入一個... 直到滿足需要,這里給出的是三對不同顏色的代碼。有關這個組合的詳細講解,可以參考本博日志《日志背景的制作》?。?/font> |