国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
Table屬性與應用
《Table屬性與應用》
 
<table>的屬性


border 表格的邊框。比如,border=1,表示表格邊框的粗細為1個像素,為0表示沒有邊框。

cellspacing 單元格間距。當一個表格有多個單元格時,各單元格的距離就是cellspacing,

表格只有一個單元格,這個單元格與表格上、下、左、右邊邊框的距離也是cellspacing。

cellpadding 單元格襯距。指該單元格里的內容與cellspacing區(qū)域的距離, cellspacing為0,表示單元格里的內容與表格周邊邊框的距離。

width:表格的寬度。width的取值還可以使用百分比,如widht="100%"。

height:表格的高度,取值方法同width。

bgcolor:表格的背景色。bgcolor=#ff0000 或 bgcolor=red ,<td>單元格也可有此屬性。

background:表格的背景圖。<td>也有此屬性。

bordercolor:表格的邊框顏色,當border值不為0時此值有效。取值同bgcolor。

bordercolorlight:亮邊框顏色,當border值不為0時設置此值有效。 亮邊框指表格的左邊和上邊的邊框。

bordercolordark:暗邊框顏色,當border值不為0時設置有效。 暗邊框指表格的右邊和下邊的邊框。

align:表格的對齊方式,值有l(wèi)eft(左對齊)、center(居中)以及right(右對齊)。

<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>

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
代碼入門教程(20)
不同結構的表格樣式
表格的制作(送給音畫愛好者)
HTML學習筆記☆表格制作
表格制作的常見問題和解決方法
學習表格設置做圖框 - 理睬的日志 - 網易博客
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服