html表格标题行边框,总结HTML 表格标签
一、概述
HTML表格由table標簽以及一個或多個tr、th或td標簽組成：table標簽用來定義表格；tr標簽用來定義表格中的行，它是單元格的容器，每行可以包含多個單元格；td標簽和th標簽用來定義單元格，所有單元格都在tr標簽內，具體的表格內容放置在一對td標簽或th標簽之中。
二、table 標簽1)border 設置 table 的邊框寬度；border 取值為空字符串或 "1", 若為 "1" ，則為數據表格，否則為布局表格！?
2)summary 屬性描述表格摘要信息；border 和 summary 屬性必須填！
?3)cellpadding 屬性為表格填充，規定單元格內容與單元格邊沿之間的空間，類似盒子標簽中的padding屬性；
?4)cellspacing 屬性規定單元格之間的空間
?cellspacing 設為 0 時，表格間沒有間距，表格邊框將緊挨著顯示，使用 css 的 border-collapse = collapse; 屬性可以使表格邊框合并
?5)frame 屬性 ：規定外側邊框的那個部分是可見的?
1、void ：不現實外側邊框；?
2、box ：顯示所有的外側邊框；?
3、border ：顯示所有的外側邊框，與 frame = "box" 顯示效果相同；
?4、above ：顯示上部的外側邊框；
?5、below ：顯示下部的外側邊框；?
6、lns ：顯示左側的邊框；?
7、rhs ：顯示右側的邊框；?
8、hsides ：顯示上下側的外側邊框；?
9、vsides ：顯示左右側的外側邊框。
?6) rules 屬性 ：規定內測邊框的那個部分是可見的1、none ：內部沒有線條；
?2、all ：顯示內部所有的線條；
?3、rows ：顯示行之間的線條；?
4、cols ：顯示列之間的線條；
?5、groups ：顯示行組與列祖之間的線條；
三、caption 標簽：定義表格的標題
表格標題默認居中顯示于表格內容上方，表格邊框不會將標題包含進去，代碼如下：
| 數據1 | 數據2 | 數據3 | 數據4 |
| 數據1 | 數據2 | 數據3 | 數據4 |
align 屬性：規定表格標題顯示位置 ，其屬性值如下：
top ：表格標題顯示于表格的上方，默認；
bottom ：表格標題顯示于表格下方；
left ：表格標題顯示于表格左邊(部分瀏覽器支持：如火狐)；
right ：表格標題顯示于表格右邊(部分瀏覽器支持：如火狐)。
四、tr 標簽 ：定義表格中的行
tr 標簽內不可直接寫內容，表格內容一定是寫在 td 或 th 標簽內
1) align 屬性 ：規定表格行中的內容水平對齊方式，其屬性值如下：
right ：右對齊內容；
left ：左對齊內容；
center：水平居中對齊內容；
justify ：對行進行伸展，每行長度相等justify 示例：
2) valign 屬性：規定表格行中內容的垂直對齊方式，其屬性值如下：
top ：頂部對齊內容；
middle ：垂直居中對齊內容；
bottom ：底部對齊內容；
baseline ：內容與基線對齊
3)background-color 屬性：設置表格行的背景顏色；
五、單元格標簽 ：th 標簽 和 td 標簽
1、th 標簽 ：定義表格表頭單元格
單元格文本一般顯示為居中的粗體文本
2、td 標簽 ：定義表格標準單元格
單元格文本一般顯示為左對齊的普通文本
3、rowspan 屬性 ：規定單元格橫跨的行數
4、colspan 屬性：規定單元格橫跨的列數
示例：
5、width 屬性 ：設置單元格的寬度；
6、height 屬性 ：設置單元格的高度；
7、align 屬性：規定單元格內容的水平對齊方式；
8、valign 屬性 ：規定單元格內容的垂直水平對齊方式；
9、nowrap 屬性 ：規定單元格內容不換行。
六、表格內容分組標簽 ：
thead 標簽 ：組合表格的表頭部分
tbody 標簽 ：組合表格的主體部分
tfoot 標簽 ：組合表格的頁腳 / 腳注內容
這幾個標簽主要是用于提高 table 標簽的加載以及顯示的，即分部加載，不用等到整個表格加載完再顯示單元格數據；
示例：
七 、列標簽 ： colgroup標簽 ， col 標簽
align ：規定列中內容的水平對齊方式
valign:規定列中內容垂直對齊方式
span:規定列橫跨的列數
width:規定列的寬度
1、colgroup標簽:用于對表格中的列進行分組,以便對其進行格式化；colgroup標簽只能在table標簽中使用；
2、col標簽:為表格中的一個或多個列定義屬性值，
col標簽只能在table標簽或colgroup標簽中使用；
col標簽是只包含屬性的空元素,列的內容均顯示在tr元素內的td元素中；
示例：
總結
以上是生活随笔為你收集整理的html表格标题行边框,总结HTML 表格标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 魔兽世界插件开发-暴雪设计工具/命令
- 下一篇： 2017年html5行业报告,云适配发布