table元素的簡介

table標簽下，通常包含caption(表格的標題)，thead, tbody, tfoot,三個部分，如下表格所示：

MonthSavings

Sum$180January$100February$80 Month

Savings

Sum

$180

January

$100

February

$80

table可以通過屬性來定義它的樣式，但是一般不推薦這樣做，最好是通過CSS來完成樣式的自定義。如果定義了屬性，同時也定義了CSS樣式，將以CSS樣式為準。

以下屬性僅作了解，并且HTML5只支持border屬性。

align: 表示表格應該相對于父元素向左，右還是中間對齊

bgcolor：表格的背景顏色，值為十六進制數

border：定義邊框的粗細

frame：定義哪邊的邊框需要顯示

cellpadding：表格格子與內容之間的間隔

cellspacing：格子與格子之間的間隔

width：表格的寬度

tr標簽，Table-Row，表示表格中的一行，通常被thead, tbody, tfoot。

th標簽，表頭單元格，包含頭部信息，和td標簽一樣，被tr包裹，存在表頭當中以下是Html5支持的屬性。

colspan: 表示單元格可以橫跨的列數

rowspan：表示單元格可以橫跨的行數

headers：規定與單元格相關聯的一個或多個表頭單元格。

scope：規定表頭單元格是否是行、列、行組或列組的頭部 "col|row|colgroup|rowgroup"

td標簽，Table-Data，表示的是單元格，通常被tr包裹。以下是Html5支持的屬性。

colspan: 表示單元格可以橫跨的列數

rowspan：表示單元格可以橫跨的行數

headers：規定與單元格相關聯的一個或多個表頭單元格。

table樣式的自定義

display: table, table-row, table-cell。

border-collapse：設置是否把表格邊框合并為單一的邊框。separate| collapse，如果為collapse，會忽略border-spacing 和 empty-cells 屬性。

border-spacing：設置分隔單元格邊框的距離。取值同border屬性，只用于分離模式。

empty-cells：show|hide，設置是否顯示表格中的空單元格。

caption-side：top|bottom, 表示表格標題的位置。

table-layout: automatic|fixed;在固定表格布局中，水平布局僅取決于表格寬度、列寬度、表格邊框寬度、單元格間距，而與單元格的內容無關。當屬性值為fixed時，可以手動設置寬高，如果table的寬度或者高度確定，每個單元格將會等分。

鏈接描述

總結

以上是生活随笔為你收集整理的html里table的scope,HTML表格的运用的全部內容，希望文章能夠幫你解決所遇到的問題。

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