11 Voto

HTML: Tabla - Combinar Celdas

Pregunta de MyDVDs | 01/09/2020 a las 15:41

Tengo una tabla con 2 filas y 2 columnas, un total de 4 celdas:

<table>
  <tr>
    <td>Celda 1</td>
    <td>Celda 2</td>
  </tr>
  <tr>
    <td>Celda 3</td>
    <td>Celda 4</td>
  </tr>
</table>

Ahora, quiero conectar las dos celdas superiores (la celda 1 y la celda 2), porque habrá una frase larga en todo el ancho de la tabla. ¿Es esto posible de alguna manera?

ResponderPositivoNegativo
1Mejor Respuesta1 Voto

La palabra mágica es colspan. Con colspan se define el número de celdas sobre las que se extiende una celda hacia la derecha.

En su ejemplo, eso sería:

<table>
  <tr>
    <td colspan="2">Columna larga</td>
  </tr>
  <tr>
    <td>Celda 3</td>
    <td>Celda 4</td>
  </tr>
</table>

Con esto, la celda 1 y la celda 2 se conectan a una celda larga sobre dos celdas.

Si desea unir celdas debajo de la otra, funciona con rowspan. Simplemente péguelo en la primera celda como también es posible en el ejemplo anterior.
02/09/2020 a las 23:51

ResponderPositivo Negativo
Responder

Temas Relacionados

CSS: Cómo incluir CSS en HTML

Tutorial | 0 Comentarios

SQLite: Examinar si existe una Tabla

Información | 0 Comentarios

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.