什么是表格標簽
- 作用:給一堆數(shù)據(jù)添加表格語義
- 格式
<table>
<tr>
<td></td>
</tr>
</table>
- table標簽表示一個表格,tr標簽表示一行,td標簽表示一列
- 注意點:
- 表格標簽有一個邊框?qū)傩裕J為0,設(shè)置寬度格式:
<table border="1">
- 組合標簽,table,tr,td一起出現(xiàn)
表格標簽的屬性
- 寬度和高度的屬性
- 可以給table和td標簽使用
- 默認按照內(nèi)容的尺寸來調(diào)整,也可以通過weight和height屬性來設(shè)置
- 若給td標簽設(shè)置width/height屬性,會修改單元格的寬度和高度,不會修改表格的
- 水平對齊垂直對齊的屬性
- 可以給table,tr,td標簽使用,垂直對齊只能給tr和td標簽使用
- 給table設(shè)置align屬性,可以控制表格在水平方向的對齊方式
- 給tr標簽設(shè)置align屬性,可以控制當前行中所有單元格內(nèi)容的水平方向的對齊方式
- 給td標簽設(shè)置align屬性,可以控制當前單元格中內(nèi)容在水平方向的對齊方式
- 給tr,td標簽設(shè)置valign設(shè)置屬性,可以設(shè)置垂直方向的對齊方式
- 注意點:
- 若tr和td中均設(shè)置了屬性,以td為準
- 外邊距和內(nèi)邊距的屬性
- 只能給table標簽使用
- 外邊距:單元格之間的距離(cellspacing默認為2px)
- 內(nèi)邊距:單元格邊框和文字之間的間隙(cellpadding默認為1)
- 以上僅作為了解,今后的開發(fā)都是通過CSS控制樣式
細線表格
- 制作方式
- 給table設(shè)置bgcolor
- 給tr設(shè)置bgcolor
- 給table設(shè)置cellspacing=1px
- 注意點:
- table,tr,td均支持bgcolor
其余標簽
- 表格標題標簽caption
- 在表格標簽中用來設(shè)置表格的標題:caption,標題自動相對于表格居中
- 注意點:
- 一定要寫在table標簽中
- 緊跟在table標簽后面
- 標題單元格標簽
- th標簽:專門存儲每一列的標題——自動居中+加粗文字