HTML(表格)

• <table>…</table>：定义表格
• <tr>…</tr>：定义表格的行
• <th>…</th>：定义表格的表头（文字加粗，居中）
• <td>…</td>：定义表格单元（单元格

  <table>
  	<tr>
  		<td>第1行,第1列</td>
  		<td>第1行,第2列</td>
  	</tr>
  	<tr>
  		<td>第2行,第1列</td>
  		<td>第2行,第2列</td>
  	</tr>
  </table>

  效果：

• 

• 表格默认不显示边框，可以使用border属性来显示一个带有边框的表格。

• <table border="1">
  	<tr>
  		<td>第1行,第1列</td>
  		<td>第1行,第2列</td>
  	</tr>
  	<tr>
  		<td>第2行,第1列</td>
  		<td>第2行,第2列</td>
  	</tr>
  </table>

  效果：

• 

• 使用<caption> </ caption>标签作为标题，并在表的顶部显示出。

  **注意：**此标签在较新版本的HTML / XHTML中已弃用。

• 使用width（宽）和height（高）属性设置表格宽度和高度。您可以按像素或可用屏幕区域的百分比来指定表格宽度或高度

• <table border = "1" width = "400" height = "150">
  <!-- css样式编写宽高
  <table border="1" style="width: 100px;height: 100px;">
  -->
  	<tr>
  		<td>第1行第1列</td>
  		<td>第1行第2列</td>
  	</tr>
  	<tr>
  		<td>第2行第1列</td>
  		<td>第2行第2列</td>
  	</tr>
  </table>

  

• rowspan : 单元格可横跨的行数
• colspan : 单元格可横跨的列数

  <p>单元格跨两列:</p>
  <table border="1">
  <tr>
    <th>姓名</th>
    <th colspan="2">电话</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>18888888888</td>
    <td>18888888889</td>
  </tr>
  </table>
  
  <p>单元格跨两行:</p>
  <table border="1">
  <tr>
    <th>姓名</th>
    <td>李四</td>
  </tr>
  <tr>
    <th rowspan="2">电话</th>
    <td>18888888888</td>
  </tr>
  <tr>
    <td>18888888889</td>
  </tr>
  </table>