HTML Abarcando columnas o filas


Ejemplo

Las celdas de la tabla pueden abarcar varias columnas o filas usando los atributos colspan y rowspan . Estos atributos se pueden aplicar a los elementos <th> y <td> .

<table>
    <tr>
        <td>row 1 col 1</td>
        <td>row 1 col 2</td>
        <td>row 1 col 3</td>
    </tr>
    <tr>
        <td colspan="3">This second row spans all three columns</td>
    </tr>
    <tr>
        <td rowspan="2">This cell spans two rows</td>
        <td>row 3 col 2</td>
        <td>row 3 col 3</td>
    </tr>
    <tr>
        <td>row 4 col 2</td>
        <td>row 4 col 3</td>
    </tr>

</table>

Resultará en
introduzca la descripción de la imagen aquí

Tenga en cuenta que no debe diseñar una tabla en la que tanto las filas como las columnas se superpongan, ya que este no es un código HTML válido y el resultado se maneja de manera diferente por diferentes navegadores web.

rowspan = Un entero no negativo que especifica el número de filas que ocupa una celda. El valor predeterminado de este atributo es uno ( 1 ). Un valor de cero ( 0 ) significa que la celda se extenderá desde la fila actual hasta la última fila de la tabla ( <thead> , <tbody> o <tfoot> ).

colspan = Un entero no negativo que especifica el número de columnas abarcadas por la celda actual. El valor predeterminado de este atributo es uno ( 1 ). Un valor de cero ( 0 ) significa que la celda se extenderá desde la corriente hasta la última columna del grupo de columnas <colgroup> en el que se define la celda.