最重要的三個
<table> 表格聲明標簽
屬性:
- boarder 邊框粗細
- style 可配合css 使用
<tr> 行標簽 table row 有表就可以建行
<td> 單元格標簽 table data 有行就可以建數據
屬性:
- colspan data占用格子, 或者可以理解為這個單元格要合並多少個橫向的單元格.
- rowspan 縱向占用格子…
<th> tablehead 單元格表頭, 特殊類td, 由於表頭的文字都會居中加粗, 是有一點不一樣.
<!-- table 是表格聲明標簽, tr是一行, td是一格 -->
<table border="1" style="width: 300px;">
<!-- board 邊框屬性, 值越大越粗 style是配合css一起使用的, 設置行寬px是像素為單位. -->
<tr>
<td>第一行,第一格</td>
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<br>
<table border="1" style="width: 300px;"> <!-- 復制的 -->
<tr>
<td>第一行,第一格</td>
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<tr>
<td>只有一格</td>
</tr>
<tr>
<td colspan="3">只有一格,共占3格</td>
表的結構排序<thead><tbody><tfoot>
<tr>有多行, 有時候數據很多, 不一定能顧及前后, thead等的語義就是強制吧thead包括的內容全部調到第一展示. 而tfoot調到最后. 這是一個編程的規范
<table>
<thead>
<td>1</td>
</thead>
<tbody>
<td>2</td>
</tbody>
<tfoot>
<td>3</td>
</tfoot>
</table>
<caption> 表的標題, 在框外.
background 通用屬性, 用於顏色控制
注,此方法設置列的顏色行不通.
<colgrounp>
這個只能設置第一列是紅色, 不能設置指定列的顏色.
如果是<colgroup style="background:red;"span =2> <colgroup> span=2 只能是前兩列而不是第二列
兩種正確的方法
1.先設置第一列的顏色,在設置第二列顏色
2.使用col占位符
