W3docs
fr
Se connecter

Attribut colspan HTML

The HTML colspan attribute specifies how many columns the table cell should span. Read and find out on what elements the colspan attribute can be used.

L'attribut HTML colspan spécifie sur combien de colonnes une cellule de tableau doit s'étendre. La valeur doit être un entier positif. Cet attribut permet à une seule cellule de tableau de s'étendre sur la largeur de plusieurs colonnes ou cellules. Il possède la même fonctionnalité que « fusionner les cellules » dans Excel.

Vous pouvez utiliser l'attribut colspan sur les <td> et <th> éléments.

Lorsque l'attribut colspan est utilisé sur la balise <td>, il détermine le nombre de cellules standard sur lesquelles il doit s'étendre. Lorsqu'il est utilisé sur la balise <th>, l'attribut colspan spécifie le nombre de cellules d'en-tête sur lesquelles il doit s'étendre.

Syntaxe

Syntaxe de l'attribut colspan HTML

<tag colspan="value">&lt;/tag&gt;

Exemple de l'attribut colspan HTML utilisé sur l'élément <td> :

Exemple de l'attribut colspan HTML utilisé sur l'élément <td>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th>Month</th>
        <th>Salary</th>
      </tr>
      <tr>
        <td>March</td>
        <td>$100</td>
      </tr>
      <tr>
        <td>April</td>
        <td>$150</td>
      </tr>
      <tr>
        <td colspan="2">Total: $250</td>
      </tr>
    </table>
  </body>
</html>
Essayez vous-même »

Exemple de l'attribut colspan HTML utilisé sur l'élément <th> :

Exemple de l'attribut colspan HTML utilisé sur l'élément <th>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th colspan="2">Month and Date</th>
      </tr>
      <tr>
        <td>January</td>
        <td>15</td>
      </tr>
      <tr>
        <td>February</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>
Essayez vous-même »

Pratique

Pratique

Quel est le principal objectif de l'attribut colspan HTML ?