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