Table和div的知識

2021-10-23 18:34:15 字數 914 閱讀 9697

web1班名冊

學號姓名

性別年齡張三男

李四女人數合計:

**的組成部分:標題 表頭 主體 表尾

table 定義乙個**

caption 定義**的標題

thead 定義表頭的部分

tbody 定義**的主體(資料)部分

tfoot 定義表尾 ,一般來顯示彙總資訊

tr 定義一行

th td 來定義資料項(單元格) th一般用於表頭,有加粗的樣式。

td 一般用於主體部分,沒有加粗的樣式

td rowspan 和 colspan 分別定義了單元格跨行的行數,跨列的列數

cellspacing= 間距

cellpadding= 邊距

div 定義乙個分塊 (division)

特點:在新的一行顯示 塊級標籤

塊級標籤 與 行內標籤的區別:

塊級標籤佔滿行 行內標籤會按照順序從左到右依次排列

塊級標籤:h1-h6 p ul ol li div table dl form

行內標籤:span a br lable i em

行內塊:img input

塊級元素的特點:display:block

每個塊都是從新的一行開始,後面的元素會另起一行(霸道)

元素的寬度,高度,行高,內外邊距都可以設定的

如果不設定元素的寬度,是它父容器的100%,除非你給他設定高度

行內元素的特點: display:inline

和其他的元素都在一行上

不能設定元素的寬度,高度,行高,內外邊距

元素的寬度是它包含文字或的寬度,不能改變

行內塊元素的特點: display:inline-block

和其他的元素都在一行上

寬度,高度,行高,內外邊距都可以設定的

div和table 用作布局的 區別

本文向大家描述一下div和table頁面布局的區別和聯絡,一般來說table開發快,容易控制,瀏覽器相容也好些,另一部分認為div好,是以後的發展趨勢,主要原因請看下文詳細介紹。div布局和table頁面布局的區別和聯絡 現在對於網頁製作是選擇傳統的table還是用新型的div,有分歧。一部分說還是...

Div 與 table 的區別

1 速度和載入方式方面的區別 div 和 table 的差異不是速度,而是載入方式,速度只能是指網路速度,如果速度足夠快,是沒有差異的 div 的載入方式是即讀即載入,遇到 沒有遇到 的時候一樣載入 div 中的內容,讀多少載入多少 table 的載入方式是完成後載入,遇到 後,在讀到 之前,tab...

Div 與 table 的區別

一.速度和載入方式方面的區別 div 和 table 的差異不是速度,而是載入方式,速度只能是指網路速度,如果速度足夠快,是沒有差異的 div 的載入方式是即讀即載入,遇到 沒有遇到 的時候一樣載入 div 中的內容,讀多少載入多少 table 的載入方式是完成後載入,遇到 後,在讀到 之前,tab...