這篇文章給大家分享的是有關HTML的table屬性有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　什么是表格&表格的作用

　　什么是表格：由一些被稱之為單元格的矩形框按照從左到右從上到下的順序排列到一起組成的

　　表格的作用：以一定的結構來顯示信息的。

　　如何使用table表格

　　定義表格：<table></table>

　　創建表行：<tr></tr>

　　創建列(單元格):<td></td>

　　注意：默認情況下，每行中的列數是統一的。

　　table表格的特點：

　　1、獨占一行

　　2、寬度自適應(由內容來決定)

　　table表格屬性：

　　<table>屬性

　　width：設置表格寬度

　　height：設置表格高度

　　align:設置表格在其父元素中的水平對齊方式，取值：left,center,right

　　border:邊框,邊框寬度，以px為單位的數值，px可以省略

　　cellpadding:單元格內邊距

　　單元格邊框與內容之間的距離

　　cellspacing:單元格外邊距

　　單元格與單元格之間或者單元格與表格之間的距離

　　bgcolor:背景顏色

　　<tr>屬性

　　1.align:該行的內容水平對齊方式

　　2.valign:該行的內容垂直對齊方式，取值：top，middle，bottom

　　3.bgcolor該行的文本顏色

　　<td>屬性

　　width

　　height

　　align

　　valign

　　bgcolor

　　colspan設置單元格跨列

　　rowspan設置單元格跨行

　　3、table表格中的其他標記

　　1.<caption></caption>

　　作用：為表格定義標題

　　位置：表格正上方居中顯示

　　<table>

　　<caption>標題</caption>

　　<tr>

　　<td></td>

　　<td></td>

　　</tr>

　　</table>

　　2.行標題或列標題

　　列標題：第一行中的每一列，加粗，水平居中的效果顯示

　　行標題：每行里面的第一列,加粗，水平居中的效果顯示

　　行(列)標題:<th></th>

　　<th></th>作用與<td></td>一模一樣

　　table邊框合并:

　　屬性：border-collapse

　　取值：

　　1.separate默認值，分離邊框模式

　　2.collapse邊框合并模式

　　table邊框邊距:

　　1.作用:設置相鄰單元格邊框之間的距離(類似于cellspacing)

　　2.屬性:border-spacing

　　取值：

　　1.取1個值:表示水平和垂直間距相等

　　2.取2個值:第一個值表示的水平間距

　　第二個值表示的垂直間距

　　兩個值之間用空格隔開

　　3.要求

　　border-collapse必須為separate

　　必須為分離邊框模式時有效

　　隱藏的顯示效果:

　　屬性：visibility:collap:se

　　用在表格元素上，刪除一行或一列，不影響表格整個布局

總結

以上是生活随笔為你收集整理的HTML的table属性有哪些的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。