table元素的簡(jiǎn)介

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

MonthSavings

Sum$180January$100February$80 Month

Savings

Sum

$180

January

$100

February

$80

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

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

align: 表示表格應(yīng)該相對(duì)于父元素向左，右還是中間對(duì)齊

bgcolor：表格的背景顏色，值為十六進(jìn)制數(shù)

border：定義邊框的粗細(xì)

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

cellpadding：表格格子與內(nèi)容之間的間隔

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

width：表格的寬度

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

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

colspan: 表示單元格可以橫跨的列數(shù)

rowspan：表示單元格可以橫跨的行數(shù)

headers：規(guī)定與單元格相關(guān)聯(lián)的一個(gè)或多個(gè)表頭單元格。

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

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

colspan: 表示單元格可以橫跨的列數(shù)

rowspan：表示單元格可以橫跨的行數(shù)

headers：規(guī)定與單元格相關(guān)聯(lián)的一個(gè)或多個(gè)表頭單元格。

table樣式的自定義

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

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

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

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

caption-side：top|bottom, 表示表格標(biāo)題的位置。

table-layout: automatic|fixed;在固定表格布局中，水平布局僅取決于表格寬度、列寬度、表格邊框?qū)挾取卧耖g距，而與單元格的內(nèi)容無關(guān)。當(dāng)屬性值為fixed時(shí)，可以手動(dòng)設(shè)置寬高，如果table的寬度或者高度確定，每個(gè)單元格將會(huì)等分。

鏈接描述

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。