1.1表格的基本標籤
   語法結構：<table>         /*整體包裹部分,包裹多個tr */
               <tr>      /* 表格的每一個行，包裹td */
                   <td></td>   /*表格的單元格,包裹內容 */
               </tr>
                     
           </table>

2.1表格相關屬性

html結構程式碼：
         <table border='1' width='300' height='300'> /* */
          <tr>
            <td>姓名</td>
            <td>成績</td>
            <td>評語</td>
          </tr>
          <tr>
            <td>小哥哥</td>
            <td>100分</td>
            <td>小哥哥真帥</td>
          </tr>
          <tr>
            <td>小姐姐</td>
            <td>100分</td>
            <td>小姐姐真漂亮</td>
          </tr>
          <tr>
            <td>總結</td>
            <td>郎才女貌</td>
            <td>郎才女貌</td>
          </tr>
      </table>

效果圖：

2.2 表格標題和表頭單元格；表格標題：是表格上方的標題； 表頭單元格：表格內部第一行加粗的文字

html 結構程式碼
    <table border='1' width='300' height='300'>
          <caption><h3>學生成績單</h3></caption>  /*caption 表格標題*/
          <tr>
            <th>姓名</th>  /*th 是表頭單元格*/
            <th>成績</th>
            <th>評語</th>
          </tr>
          <tr>
            <td>小哥哥</td>
            <td>100分</td>
            <td>小哥哥真帥</td>
          </tr>
          <tr>
            <td>小姐姐</td>
            <td>100分</td>
            <td>小姐姐真漂亮</td>
          </tr>
          <tr>
            <td>總結</td>
            <td>郎才女貌</td>
            <td>郎才女貌</td>
          </tr>
      </table>

注意：caption標籤一定要寫table標籤內部
     th標籤書寫在tr標籤內部、替換第一個行的td

3.1 表格的結構標籤（瞭解，可有可無）

用於包裹tr標籤的

4.1合併單元格

 （1）單元格合併原則 ：
           1。上下合併 -->只保留最上面的，刪除其他
           2.  左右合併 -->只保留最左邊的，刪除其他
 
 （2）給保留的單元格設定：跨行合併（rowspan='2' 2表示合併兩行） 跨行合併（colspan='2'）

注意：不能誇結構合併的，也就thead和tbody兩個結構不能跨過合併

html 結構程式碼
      <table border='1' width='300' height='300'>
          <caption><h3>學生成績單</h3></caption>
          <tr>
            <th>姓名</th>
            <th>成績</th>
            <th>評語</th>
          </tr>
          <tr>
            <td>小哥哥</td>
            <td rowspan="2">100分</td>
            <td>小哥哥真帥</td>
          </tr>
          <tr>
            <td>小姐姐</td>
            <!-- <td>100分</td> -->
            <td>小姐姐真漂亮</td>
          </tr>
          <tr>
            <td>總結</td>
            <td colspan="2">郎才女貌</td>
            <!-- <td>郎才女貌</td> -->
          </tr>
          
      </table>