html关于表格table的相关知识分享【2020网页综合笔记02】

<style>
  table{
      border:1px solid black;
      border-collapse:collapse;
  }
  table tr td,table tr th{
      border:1px solid black;
  }
</style>
列合并的表
<table>
   <thead>
     <tr>
        <th>1</th>
        <th colspan="2">2</th>
     </tr>
   </thead>
   <tbody>
     <tr>
        <td>3</td>
        <td>4</td>
        <td>5</td>
     </tr>
   </tbody>
</table>
行合并的表<br>
法一：
<table>
   <thead>
     <tr>
        <th>1</th>
        <th>2</th>
        <th>
           <table>
                <tr><td>3</td></tr>
                <tr><td>4</td></tr>
           </table>
        </th>
     </tr>
   </thead>
   <tbody>
     <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
     </tr>
   </tbody>
</table>
法二：
<table>
   <thead>
     <tr>
        <th rowspan="2">1</th>
        <th rowspan="2">2</th>
        <th>
      3
        </th>
     </tr>
     <tr>
        <th>4</th>
     </tr>
   </thead>
   <tbody>
     <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
     </tr>
   </tbody>
</table>