L1 Info : Informatique et Document, HTML
 
◃  Ch. 6 Les blocs structurés  ▹
 

Fusions de cellules

  • les attributs colspan et rowspan permettent respectivement d'étaler une cellule de tableau (éléments td ou th) sur plusieurs colonnes et plusieurs lignes.
  • Ainsi le code :
    <table border="1">
    <caption>Fusions de cellules</caption>
      <tr><td>1.1</td><td>1.2</td><td>1.3</td>
          <td>1.4</td><td>1.5</td><td>1.6</td>
      </tr>
    
      <tr><td colspan="2">2 colonnes</td><td rowspan="2">2 lignes</td>
          <td rowspan="2" colspan="2">2 lignes <br /> 2colonnes</td>
          <td>2.6</td>
      </tr>
    
      <tr><td>3.1</td><td>3.2</td><td>3.6</td>
      </tr>
    
      <tr><td>4.1</td><td>4.2</td><td>4.3</td>
          <td>4.4</td><td>4.5</td><td>4.6</td>
      </tr>
    </table>
    
  • produit le tableau ci-dessous :
    Fusions de cellules
    1.11.21.31.41.51.6
    2 colonnes2 lignes2 lignes
    2colonnes
    2.6
    3.13.23.6
    4.14.24.34.44.54.6