HTML | <td>atributo colspan

El atributo HTML <td> colspan se utiliza para especificar el número de columnas que debe abarcar una tabla .

Sintaxis:

<td colspan="number"> 

Valores de atributo: contiene el valor numérico que especifica el número de columnas que debe abarcar una celda.

Ejemplo: Este ejemplo ilustra el uso del atributo colspan en el elemento Tabledata.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML <td>colspan Attribute
  </title>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
            padding: 6px;
        }
    </style>
</head>
  
<body>
    <h1 style="color: green;">
      GeeksforGeeks
  </h1>
    <h2>
      HTML <td>colspan
      Attribute
  </h2>
    <table>
        <tr>
            <th>Name</th>
            <th>Expense</th>
        </tr>
        <tr>
            <td>Arun</td>
            <td>₹10</td>
        </tr>
        <tr>
            <td>Priya</td>
            <td>₹8</td>
        </tr>
  
        <!-- The last row -->
        <tr>
            <!-- This td will span 
                two columns, that is 
                a single column will 
                take up the space of 2 -->
            <td colspan="2">
              Sum: ₹18
          </td>
        </tr>
    </table>
</body>
  
</html>

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo HTML <td>colspan se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *