1. HTML 表格標簽

標簽描述

<table>

定義表格

<th>

定義表格的表頭

<tr>

定義表格的行

<td>

定義表格單元

<caption>

定義表格標題

<colgroup>

定義表格列的組

<col>

定義用于表格列的屬性

<thead>

定義表格的頁眉

<tbody>

定義表格的主體

<tfoot>

定義表格的頁腳

• 表格結構語義標簽：
  colspan：跨列
  rowspan：跨行
  cellpadding：單元格內邊距
  cellspacing：單元格外邊距
  col 和 colgroup 用于便捷定義表格指定列的樣式。

2. 標簽常用屬性

• <table>：
  border=“1” 表格邊框的寬度
  bordercolor="#fff" 表格邊框的顏色
  cellspacing=“5” 單元格之間的間距
  width=“500” 表格的總寬度
  height=“100” 表格的總高度
  align=“right” 表格整體對齊方式 (參數有 left、center、right)
  bgcolor="#fff" 表格整體的背景色
• <tr>標簽的常用屬性:
  bgcolor="#fff" 行的顏色
  align=“right” 行內文字的水平對齊方式 (參數有left、center、right)
  valign=“top” 行內文字的垂直對齊方式 (參數有top、middle、bottom)
• <td>、<th> 標簽的常用屬性:
  width=“500” 單元格的寬度，設置后對當前一列的單元格都有影響
  height=“100” 單元格的高度，設置后對當前一行的單元格都有影響
  bgcolor=“fff” 單元格的背景色
  align=“right” 單元格文字的水平對齊方式 (參數left、center、right)
  rowspan=“3” 合并垂直水平方向的單元格
  colspan=“3” 合并水平方向單元格
  valign=“top” 單元格文字的垂直對齊方式 (參數middle、bottom、top)

3. eg.

<h4 style="text-align:center">課程表</h4> <table border="1" cellpadding="10" width="100%"><tr><th colspan="2">時間\日期</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th></tr><tr><th rowspan="2">上午</th><th>9:30-10:15</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th></tr><tr><th>10:25-11:10</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th></tr><tr><th colspan="7"></th></tr><tr><th rowspan="2">下午</th><th>14:30-15:15</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th></tr><tr><th>15:25-16:10</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th><th>語文</th></tr></table>

總結

以上是生活随笔為你收集整理的Html 教程 （5） 表格标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。