1.表格構成三個基本要素

table:表格的範圍，外框；用來定義表格，表格的其他元素包含在table標籤裡面 tr:表格的行； td表格的單元格；

2.一點說明：關於表格的屬性

HTML5中刪除了HTML4中的table的大部分屬性，html5中推薦使用CSS設定原來table屬性實現的效果。

3.th元素：為表格新增標題行

th元素用來定義表格的標題單元格，他是tr元素的子元素，必須放在tr標籤裡邊；tr元素內容會自動居中對齊並且 加粗文字

4.colspan元素：橫向合併單元格

屬性值為正整數，表示該單元格橫向合併的列數，語法為<td colspan="3"></td>

5.rowspan元素：縱向合併單元格

屬性值為正整數，表示該單元格縱向合併的行數，語法為<td rowspan="3"></td>

6.caption元素：給表格新增標題

用來制定表格的標題或者說明：是table的子元素，必須放在table中並使用 caption的align屬性可以設定標題的位置，但是在html5中已經被廢棄，不推薦使用，必須使用css樣式設定

7.thead\tfoot\tbody元素

thead元素：表格的表頭；tfoot元素：表格的頁尾；tbaody元素：表格的主題；表格規範的寫法應該包含這三部分 內容。注意：這三個主要結合CSS，javascript來說用

8.colgroup元素

colgroup元素用來組合列，他的span屬性可以設定組合列的數目：它可以包含一個子元素 col; colgroup元素為table元素的子元素，必須放在caption元素之後，thead元素之前。

9.col元素

col元素用來設定列的屬性，他也可以使用span屬性；col元素一般做為colgroup元素的子元素配合使用。 colgroup中組合列專案太多不能分別設定每列的樣式，這時候就需要用到col元素。

普通單元格例子：

  <table border=1>
    <tr>
	  <th>標題1</th>
	  <th>標題2</th>
	  <th>標題3</th>
	</tr>
	<tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
    </tr>
    <tr>
	 <td>單元格</td>
	 <td>單元格</td>
	 <td>單元格</td>
    </tr>
    <tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	</tr>
</table>
 

合併單元格原始碼例子：

<table border=1>
    <tr><th colspan="3">標題</th></tr>
	<tr>
	  <td>第一格</td>
	  <td>第二格</td>
	  <td>第三格</td>
    </tr>
    <tr>
	 <td>1</td>
	 <td>2</td>
	 <td>3</td>
    </tr>
    <tr>
	  <td>1</td>
	  <td>2</td>
	  <td>3</td>
	</tr>
</table>

thead\tfoot\tbody元素的使用：

 <table border=1>
     <thead>
	     <tr style="background:red">
	        <th>標題1</th>
	        <th>標題2</th>
	        <th>標題3</th>
	     </tr>
	 </thead>
	 <tbody>
	    <tr>
	      <td>單元格</td>
	      <td>單元格</td>
	      <td>單元格</td>
        </tr>
        <tr>
	     <td>單元格</td>
	     <td>單元格</td>
	     <td>單元格</td>
        </tr>
    </tbody>
	<tfoot>
	    <tr><td>備註：</td><td colspan="2"></td></tr>	    
    </tfoot>
</table>

colgroup元素的使用：

 <table border=1>
    <colgroup span=2 style="width:200px;"></colgroup> <!--span是組合列的數目-->
    <tr>
	  <th>標題1</th>
	  <th>標題2</th>
	  <th>標題3</th>
	</tr>
	<tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
    </tr>
    <tr>
	 <td>單元格</td>
	 <td>單元格</td>
	 <td>單元格</td>
    </tr>
    <tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	</tr>
</table>

col元素的使用：

  <table border=1>
    <colgroup span=1 style="width:200px;">
	    <col style="background:red"></col>    
    </colgroup> <!--span是組合列的數目-->
	<colgroup span=3 style="width:150px;">
	    <col style="background:#6666ff"></col>
		<col style="background:#ccff33"></col>  
		<col style="background:#66ff33"></col>  
    </colgroup> 
    <tr>
	  <th>標題1</th>
	  <th>標題2</th>
	  <th>標題3</th>
	  <th>標題4</th>
	  <th>標題5</th>
	</tr>
	<tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
    </tr>
    <tr>
	 <td>單元格</td>
	 <td>單元格</td>
	 <td>單元格</td>
	 <td>單元格</td>
	 <td>單元格</td>
    </tr>
    <tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	</tr>
	<tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	</tr>
	<tr>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	  <td>單元格</td>
	</tr>
</table>