1. HTML 表格標(biāo)簽

標(biāo)簽描述

<table>

定義表格

<th>

定義表格的表頭

<tr>

定義表格的行

<td>

定義表格單元

<caption>

定義表格標(biāo)題

<colgroup>

定義表格列的組

<col>

定義用于表格列的屬性

<thead>

定義表格的頁(yè)眉

<tbody>

定義表格的主體

<tfoot>

定義表格的頁(yè)腳

• 表格結(jié)構(gòu)語(yǔ)義標(biāo)簽：
  colspan：跨列
  rowspan：跨行
  cellpadding：單元格內(nèi)邊距
  cellspacing：單元格外邊距
  col 和 colgroup 用于便捷定義表格指定列的樣式。

2. 標(biāo)簽常用屬性

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

3. eg.

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。