對于table來說，在一些小的模塊中進行表格布局是非常好用的。我們可以這樣來理解table，主要分成table部分和td部分。

table部分：

主要是來控制外邊框的(就是最外面一層邊框，不包括里面部分)，它擁有的屬性為：margin屬性，border屬性，cellspacing屬性，規定單元格之間的空白cellpadding屬性，規定單元邊沿與其內容之間的空白。

tr部分：

主要來分割有幾行，一般只需要用來設定heigth。

td部分：

用來控制每個單元格的屬性，可是分別控制每個單元格的上下左右邊框，其中也包含padding屬性。

th部分：

用法和td相同，只是用來區分表頭的。

注意：

用百分比和用像素點是相同的。在table中，width指的是整個表格的寬度，而td的width值得指內部不包括內容content的寬度，這個同盒子模型。

以下用實例來說明table的一些常用布局手法：

11111111111111111111111	2	3
4	5	6
7	8	9
10	11	12

11111111111111111111111	2	3
4	5	6
7	8	9
10	11	12

注釋:

border? 設置所有邊框的屬性值 border=1 數值越小邊框越細

bordercolor =”red”? 指的是邊框顏色為10

cellpadding :規定單元邊沿與其內容之間的空白.,數值越大表格越大. (表格填充,用于隔開單元格與單元格的空間)

(圖1)

cellspacing=8? 單元格與單元格之間的空隙距離.把表格想象成用鐵絲做的一個框,cellspacing的屬性值就相當于是用8格像素的厚度做的表格.(如圖1)

th:定義表頭,可以用來合并單元格 比如把第二行,第二三列合并.

11111111111111111111111	2	3
4

合并單元格????????????????????????????????????????????????7????????????????????8????????????????????9????????????????????????????????????????????????????????????10????????????????????????11????????????????????????12????????????????????

如上所示:假設rowspan=2 合并兩行的同時,不刪除

10? 那最后一列就由3列變為4列

11111111111111111111111	2	3
4

合并單元格789101112

colspan? 是列合并? colspan=”2″ 就是合并兩列

rowspan是行合并

11111111111111111111111234合并單元格<合并列891112????????????11111111111111111111111????????????2????????????3????????????????????????????????????????????????????????????????????????4????????????????合并單元格????????????????????????????????????????????????<合并列????????????????????8????????????????????9????????????????????????????????????????????????????????????????????????????????????11????????????????????????12????????????????????

合并行之后,把

10 刪掉的情況

標簽：表格,標簽,單元格,合并,邊框,HTML,table,屬性

來源： https://blog.51cto.com/xinsz08/2698476

總結

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

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