MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

HTML Tabla Colspan & Rowspan


Las tablas HTML pueden tener celdas que abarcan varias filas y/o columnas.


NAME  
     
     
     
     
APRIL    
   
   
     
     
2025
     
FIESTA  
 
     

HTML Tabla - Colspan

Para hacer que una celda abarque varias columnas, utilice el atributo colspan:

Ejemplo

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>
Inténtalo tú mismo »

Nota: El valor del atributo colspan representa el número de columnas que se abarcarán.


HTML Tabla - Rowspan

Para hacer que una celda abarque varias filas, utilice el atributo rowspan:

Ejemplo

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
</tr>
</table>
Inténtalo tú mismo »

Nota: El valor del atributo rowspan representa el número de filas que se van a abarcar.


HTML Ejercicios

Ponte a prueba con ejercicios

Ejercicio:

Utilice el atributo HTML correcto para hacer que el primer elemento TH abarque dos columnas.

<table>
  <tr>
    <th >Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>



Comentarios