Celdas que abarcan en HTML

colspan ensancha una celda; rowspan la profundiza. Cuenta bien o la cuadrícula se rompe.

<table>
  <caption>Room bookings</caption>
  <tr>
    <th scope="col">Room</th>
    <th scope="col" colspan="2">Morning</th>
  </tr>
  <tr>
    <th scope="row" rowspan="2">Studio</th>
    <td>09:00</td>
    <td>Ada</td>
  </tr>
  <tr>
    <td>11:00</td>
    <td>Grace</td>
  </tr>
</table>

Cómo funciona

1. colspan es cuántas columnas cubre la celda, ella incluida.
2. rowspan hace lo mismo hacia abajo, y las filas siguientes pierden esa celda.
3. Cada fila debe seguir sumando el mismo número de columnas.

El intento, en números

Líneas

16

Caracteres a escribir

247

Tokens

107

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 92 segundos.

Escribe este fragmento

Paso 3 de 4 en Tablas; paso 25 de 28 en Estructura del documento.

← Anterior Siguiente →