Combinar filas y columnas

En HTML, puedes hacer que las celdas de una tabla abarquen varias filas o columnas usando los atributos rowspan y colspan. Estos atributos te permiten crear diseños de tabla más complejos al combinar celdas.

El atributo colspan se utiliza para especificar el número de columnas que debe abarcar una celda. Se añade a la etiqueta <td> o <th> de la celda que quieres expandir.

Aquí tienes un ejemplo de cómo usar colspan:

<table border="1">
	<tr>
		<th colspan="2">Name</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Doe</td>
	</tr>
</table>

En este ejemplo, la celda de encabezado con el texto "Name" abarca dos columnas. Esto resulta útil para crear un encabezado que cubra varias columnas. Así es como se ve:

El atributo rowspan se utiliza para especificar el número de filas que debe abarcar una celda. También se añade a la etiqueta <td> o <th> de la celda que quieres expandir.

Aquí tienes un ejemplo de cómo usar rowspan:

<table border="1">
  <tr>
    <th>Employee</th>
    <th>Shift</th>
  </tr>
  <tr>
    <td rowspan="2">Alex</td>
    <td>Morning</td>
  </tr>
  <tr>
    <td>Evening</td>
  </tr>
</table>

Aquí, rowspan se utiliza para mostrar que Alex trabaja en los turnos de la mañana y de la tarde sin repetir el nombre. 

Puedes usar tanto colspan como rowspan en la misma table para crear diseños complejos. Solo recuerda ajustar el número de celdas de cada fila en consecuencia para acomodar las celdas combinadas.