Creación de tablas <table>

La etiqueta usada es table, debemos tener en cuenta lo siguiente:
  • Para crear filas usamos la etiqueta <tr>, pero esta solo funciona dentro de la etiqueta <table>
  • Para crear las columnas o celdas, usamos <td>, ten en cuenta que esta si usa dentro de <tr>
El siguiente es un ejemplo donde creamos una tabla de 2 filas y 3 columnas:

<h4>Tabla de 2 filas por Tres columnas</h4>
<table border="1" width="250px">
<tr>
  <td>Uno</td><td>Dos</td><td>Tres</td>
</tr>
<tr>
  <td>Uno</td><td>Dos</td><td>Tres</td>
</tr>
</table>



Este otro ejemplo crea una tabla realizando la combinación de celdas, para realizar esto necesitamos conocer las propiedades siguientes:

  • colspan, la usamos para unir celdas.
  • rowspan, la usamos para unir filas.

<table border="1" width="350px" align="center">
<tr>
  <td>Uno</td><td>Dos</td><td colspan="2">Tres</td>
</tr>
<tr>
  <td colspan="2" rowspan="2">Uno</td><td>Tres</td><td>Cuatro</td>
</tr>
<tr>
  <td>Tres</td><td>Cuatro</td>
</tr>
</table>