###HTML標簽 ####表格標簽 表格的主要作用: 表格主要用於**顯示、展示數據**,因為它可以讓數據顯示的非常的規整,可讀性非常好。特別是後臺展示數據的時候,能夠熟練運用表格就顯得很重要。一個清爽簡約的表格能夠把繁雜的數據表現得很有條理。 1.``用來定義表格的標簽。 2.``用來定義行的標 ...
HTML標簽
表格標簽
表格的主要作用:
表格主要用於顯示、展示數據,因為它可以讓數據顯示的非常的規整,可讀性非常好。特別是後臺展示數據的時候,能夠熟練運用表格就顯得很重要。一個清爽簡約的表格能夠把繁雜的數據表現得很有條理。
1.<table></table>
用來定義表格的標簽。
2.<tr></tr>
用來定義行的標簽,必須嵌套在table標簽中
3.<td></td>
用來定義表格中的單元格的標簽,必須嵌套在tr標簽中
4.td是指table data
<table align="center" border="1" cellpadding="8" cellspacing="0" width="500" height="250">
<tr><td>姓名</td> <td>性別</td> <td>年齡</td></tr>
<tr><td>周傑倫</td> <td>男</td> <td>42</td></tr>
<tr><td>劉德華</td> <td>男</td> <td>64</td></tr>
<tr><td>郭富城</td> <td>男</td> <td>62</td></tr>
</table>
5.<th></th>
表頭單元格標簽,加粗且居中顯示
6.表格屬性,align,border,cellpadding,cellspacing,width
表格結構標簽
使用場景:因為表格可能很長,為了更好的表示表格的語義,可以將表格分割成表格頭部和表格主體兩大部分
在表格標簽中,分別用:thead標簽 表格的頭部區域、tbody標簽 表格的主體區域,這樣可以更好的分清表格結構。
1.<thead></thead>
:用於定義表格的頭部。<thead>
內部必須擁有<tr>
標簽。一般是位於第一行。
2.<tbody></tbody>
:用於定義表格的主體,主要用於放數據本體。
3.以上標簽都是放在<table></table>
標簽中
合併單元格
特殊情況下,可以把多個單元格合併為一個單元格,這裡同學們會最簡單的合併單元格即可.
合併單元格方式:
跨行合併:rowspan="合併單元格的個數"
跨列合併:colspan="合併單元格的個數"
目標單元格:(合併代碼)
跨行:最上側單元格為目標單元格,寫合併代碼
跨列:最左側單元格為目標單元格,寫合併代碼
合併單元格三步曲
1.先確定是跨行還是跨列合併。
2.找到目標單元格.寫上合併方式= 合併的單元格數量。比如:<tdcolspan=“2”></td>
.
3.刪除多餘的單元格。
總結