萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格標簽使用方法
html表格標簽使用方法
大家知道怎麼做好html表格標簽嗎?下面我們就給大家詳細介紹一下吧!
屬性用途 <table bgcolor=""> 設置表格的背景色。<table border=""> 設置邊框的寬度，若不設置此屬性，則邊框寬度默認為0。<table bordercolor=""> 設置邊框的顏色。<table bordercolorlight=""> 設置邊框明亮部分的顏色(當border的值大於等於1時才有用)。<table bordercolordark=""> 設置邊框昏暗部分的顏色(當border的值大於等於1時才有用)。<table cellspacing=""> 設置表格格子之間空間的大小。<table cellpadding=""> 設置表格格子邊框與其內部內容之間空間的大小。<table width=""> 設置表格的寬度，單位用絕對像素值或總寬度的百分比。 說明:以上各個屬性可以結合使用。有關寬度、大小的單位用絕對像素值。而有關顏色的屬性使用十六進制RGB顏色碼或Html語言給定的顏色常量名(如 Silver 為銀色)2.<tr></tr><td></td><tr></tr>標簽對用來創建表格中的每一行。此標簽對只能放在<table></table>標簽對之間使用，而在此 標簽對之間加入文本將是無用的，因為在<tr></tr>之間只能緊跟<td></td>標簽對才是有效的語法，<td></td>標簽對用來創建表格中一行中的每一個格子，此標簽對也只有放在<tr></tr>標簽對之間才是有效的，您想要輸入的文本也只有放在<td></td>標簽對中才有效(即才能夠顯示出來)。<table></table>、<tr></tr>和<td></td>標簽對的關系如下所示：<table> 最外層,創建一個表格 <tr> 創建一行 <td>要輸出的文本只能放在此處</td> 創建一個單元格(這裡總共創建了三個單元格) <td>要輸出的文本只能放在此處</td> <td>要輸出的文本只能放在此處</td> </tr></table> 最外層此外，<tr>還有align和valign屬性。align是水平對齊方式，取值為left(左對齊)、center(居中)、right(右對齊)；而valign是垂直對齊方式，取值為top(靠頂端對齊)、middle(居中間對齊)或bottom(靠底部對齊)。<td>具有width、colspan、rowspan和nowrap屬性。width是格子的寬度，單位用絕對像素值或總寬度的百分比；colspan設置一個表格格子跨占的列數(缺省值為1)；rowspan設置一個表格格子跨占的行數(缺省值為1)；nowrap禁止表格格子內的內容自動斷行。3.<th></th> <th></th>標簽對用來設置表格頭，通常是黑體居中文字。 看一看下邊的例子就明白以上標簽對的用法了。 例6 表格標簽的綜合示例<html><head><title>表格標簽的綜合示例</title></head><body><table border="1" width="50%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF"bordercolorlight="#7D7DFF" bordercolordark="#0000A0"> <tr> <th width="33%" colspan="2" valign="bottom">意大利</th> <th width="36%" colspan="2" valign="bottom">英格蘭</th> <th width="36%" colspan="2" valign="bottom">西班牙</th> </tr> <tr> <td width="16%" align="center">AC米蘭</td> <td width="16%" align="center">佛羅倫薩</td> <td width="17%" align="center">曼聯</td> <td width="17%" align="center">紐卡斯爾</td> <td width="17%" align="center">巴塞羅那</td> <td width="17%" align="center">皇家社會</td> </tr> <tr> <td width="16%" align="center">尤文圖斯</td> <td width="16%" align="center">桑普多利亞</td> <td width="17%" align="center">利物浦</td> <td width="17%" align="center">阿申納</td> <td width="17%" align="center">皇家馬德裡</td> <td width="17%" align="center">……</td> </tr> <tr> <td width="16%" align="center">拉齊奧</td> <td width="16%" align="center">國際米蘭</td> <td width="17%" align="center">切爾西</td> <td width="17%" align="center">米德爾斯堡</td> <td width="17%" align="center">馬德裡競技</td> <td width="17%" align="center">……</td> </tr></table></body></html>
相信大家已經學會html表格標簽了吧!感謝大家對我們網站的支持!
相關推薦：
html表格邊框屬性的介紹
- 上一頁:如何制作html表格斜線
- 下一頁:html表格邊框屬性的介紹
Html5排行
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved