表格標簽
在過去表格標簽用的非常非常的多, 絕大多數(shù)的網(wǎng)站都是使用表格標簽來制作的, 也就是說表格標簽是一個時代的代表
作用:以表格形式將數(shù)據(jù)顯示出來, 當數(shù)據(jù)量非常大的時候, 表格這種展現(xiàn)形式被認為是最為清晰的一種展現(xiàn)形式
格式:
table定義表格
tr定義行
td定義單元格
表格中的屬性
border: 默認情況下表格的邊框?qū)挾葹?看不到, 通過border屬性給表格指定邊框?qū)挾?/p>
width: 默認情況下表格的寬度是由內(nèi)容自動計算出來的, 可以通過width屬性指定表格的寬度
height:默認情況下表格的高度是由內(nèi)容自動計算出來的, 可以通過height屬性指定表格的高度
cellspacing: 外邊距. 默認情況下單元格之間有2個像素的間隙, 可以通過cellpadding指定表格之間的間隙
cellpadding: 內(nèi)邊距. 默認情況下單元格邊緣距離內(nèi)容有1個像素的內(nèi)邊距, 可以通過cellpadding屬性指定單元格邊緣和內(nèi)容之間的內(nèi)邊距
align: 規(guī)定表格相對周圍元素的對齊方式, 它的取值有center跑芳、left懦铺、right
給table設(shè)置align屬性, 是讓表格在瀏覽器中居左/居右/居中
給tr設(shè)置align屬性, 是讓當前行中所有內(nèi)容居左/居右/居中
給td設(shè)置align屬性,是讓當前單元格中所有內(nèi)容居左/居右/居中
該屬性僅僅作為了解, 企業(yè)開發(fā)中用css代替, 因為HTML僅僅用于說明語義
如果td中設(shè)置了align屬性, tr中也設(shè)置了align屬性, 那么單元格中的內(nèi)容會按照td中設(shè)置的來對齊
valign: 規(guī)定表格相對周圍元素的對齊方式, 它的取值有center挖炬、left宴杀、right
給table設(shè)置valign屬性, 無效
給tr設(shè)置valign屬性, 是讓當前行中所有內(nèi)容居上/居中/居下
給td設(shè)置valign屬性,是讓當前單元格中所有內(nèi)容居上/居中/居下
如果td中設(shè)置了valign屬性, tr中也設(shè)置了valign屬性, 那么單元格中的內(nèi)容會按照td中設(shè)置的來對齊
bgcolor:規(guī)定表格的背景顏色
給table設(shè)置bgcolor屬性, 是給整個表格設(shè)置背景顏色
給tr設(shè)置bgcolor屬性, 是給當前行設(shè)置背景顏色
給td設(shè)置bgcolor屬性, 是給當前單元格設(shè)置背景顏色
該屬性僅僅作為了解, 企業(yè)開發(fā)中用css代替, 因為HTML僅僅用于說明語義
表格中的其它標簽
表單中有兩種類型的單元格, 一種是標準單元格td, 一種是表頭單元格th
th標簽: 給每一列設(shè)置標題, 單元格中的內(nèi)容會自動加粗，居中
caption標簽:給整個表格設(shè)置標題
一定要嵌套在talbe標簽內(nèi)部才有效
今日小說排行榜
排名關(guān)鍵詞趨勢今日搜索最近七日相關(guān)鏈接1暴走大事件6235574088311貼吧圖片百科
表格的結(jié)構(gòu)
thead標簽:用來存放當前列的表頭, 如果沒有加css頁面默認將表頭中的高度設(shè)置變小
tbody標簽:一般用來存放頁面中的主體數(shù)據(jù), 如果不寫會自動加上
tfoot標簽:用來存放表格的頁腳（腳注或表注), 如果沒有加css頁面默認將表頭中的高度設(shè)置變小,一般不會出現(xiàn)
表格的標題每一列的標題數(shù)據(jù)數(shù)據(jù)
表格結(jié)構(gòu)的意義主要是用于SEO, 便于搜索引擎指定哪部分的內(nèi)容是需要抓取的重要內(nèi)容, 一般情況下搜索引擎會優(yōu)先抓取tbody中的內(nèi)容
由于有一部分瀏覽器對talbe的這種結(jié)構(gòu)支持不是很好, 所以在企業(yè)開發(fā)中一般都不用嚴格的按照這種結(jié)構(gòu)來編寫
