html标签table的使用,HTML标签之table
對(duì)于table來(lái)說(shuō)，在一些小的模塊中進(jìn)行表格布局是非常好用的。我們可以這樣來(lái)理解table，主要分成table部分和td部分。
table部分：
主要是來(lái)控制外邊框的(就是最外面一層邊框，不包括里面部分)，它擁有的屬性為：margin屬性，border屬性，cellspacing屬性，規(guī)定單元格之間的空白cellpadding屬性，規(guī)定單元邊沿與其內(nèi)容之間的空白。
tr部分：
主要來(lái)分割有幾行，一般只需要用來(lái)設(shè)定heigth。
td部分：
用來(lái)控制每個(gè)單元格的屬性，可是分別控制每個(gè)單元格的上下左右邊框，其中也包含padding屬性。
th部分：
用法和td相同，只是用來(lái)區(qū)分表頭的。
注意：
用百分比和用像素點(diǎn)是相同的。在table中，width指的是整個(gè)表格的寬度，而td的width值得指內(nèi)部不包括內(nèi)容content的寬度，這個(gè)同盒子模型。
以下用實(shí)例來(lái)說(shuō)明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? 設(shè)置所有邊框的屬性值 border=1 數(shù)值越小邊框越細(xì)
bordercolor =”red”? 指的是邊框顏色為10
cellpadding :規(guī)定單元邊沿與其內(nèi)容之間的空白.,數(shù)值越大表格越大. (表格填充,用于隔開(kāi)單元格與單元格的空間)
(圖1)
cellspacing=8? 單元格與單元格之間的空隙距離.把表格想象成用鐵絲做的一個(gè)框,cellspacing的屬性值就相當(dāng)于是用8格像素的厚度做的表格.(如圖1)
th:定義表頭,可以用來(lái)合并單元格 比如把第二行,第二三列合并.
| 11111111111111111111111 | 2 | 3 |
| 4 |
如上所示:假設(shè)rowspan=2 合并兩行的同時(shí),不刪除
10? 那最后一列就由3列變?yōu)?列| 11111111111111111111111 | 2 | 3 |
| 4 |
colspan? 是列合并? colspan=”2″ 就是合并兩列
rowspan是行合并
11111111111111111111111234合并單元格<合并列891112????????????11111111111111111111111????????????2????????????3????????????????????????????????????????????????????????????????????????4????????????????合并單元格????????????????????????????????????????????????<合并列????????????????????8????????????????????9????????????????????????????????????????????????????????????????????????????????????11????????????????????????12????????????????????合并行之后,把
10 刪掉的情況標(biāo)簽：表格,標(biāo)簽,單元格,合并,邊框,HTML,table,屬性
來(lái)源： https://blog.51cto.com/xinsz08/2698476
總結(jié)
以上是生活随笔為你收集整理的html标签table的使用,HTML标签之table的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 给部队送菜需要交押金吗
- 下一篇： jquery function_前端基础