前端_day_32_表格

1.合并单元格

合并方法

• 观察表格中的某一个需要合并的单元格,如果是合并行,属性中加入rowspan=“n”(n为合并的行数)然后注释掉同一列中对应原本占用的行的单元格
  如果是合并列,属性中加入colspan=“n”(n为合并的列数), 然后注释掉同一行中对应原本占用的列的单元格

展示部分代码

<table border="1px" cellspacing="0">        
<caption><h2>NBA球队信息</h2></caption>       
 <tr>           
  <th>球队</th>            
  <th>球员</th>            
  <th>球员年龄</th>            
  <th>所属区</th>            
  <th>英文名</th>            
  <th>地名</th>            
  <th>球员顺位</th>        
 </tr>        
  <tr>            
  <td rowspan="2">湖人</td>            
  <td>詹姆斯</td>           
  <td rowspan="3">35</td>            
  <td rowspan="5">西部</td>            
  <td rowspan="2">Lakers</td>            
  <td rowspan="3">洛杉矶</td>            
  <td rowspan="2">状元</td>        
  </tr>       
 <tr>           
  <!-- <td></td> -->           
  <td>戴维斯</td>           
  <!-- <td></td> -->           
  <!-- <td></td> -->           
  <!-- <td></td> -->           
  <!-- <td></td> -->           
  <!-- <td></td> -->       
 </tr>       
<tr>           
 <td>快船</td>           
 <td>莱恩纳德</td>           
 <!-- <td></td> -->           
 <!-- <td></td> -->           
 <td>Clippers</td>           
 <!-- <td></td> -->           
 <td rowspan="2">榜眼</td>       
 </tr>       
<tr>           
 <td>勇士</td>           
 <td>库里</td>           
 <td rowspan="3">31</td>           
 <!-- <td></td> -->           
 <td colspan="2">Warriors金州</td>           
 <!-- <td></td> -->           
 <!-- <td></td> -->       
 </tr>       
</table>