Índice

Creación de una tabla

Una tabla (<table>) se compone de filas <tr>. Estas filas contienen celdas <td>.

La distribución de las distintas etiquetas para mostrar una tabla sigue la lógica que se ilustra en el siguiente ejemplo:

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<table> 
<tr> 
<td>1</td><td>2</td> 
</tr> 
<tr> 
<td>3</td><td>4</td> 
</tr> 
</table> 
</body> 
</html>

La tabla en HTML se construye así:

  • Se declara la apertura de la tabla con la etiqueta <table>.

  • Esta tabla se compone de una primera fila, introducida por la etiqueta <tr>.

  • Esta fila se compone de una primera celda, abierta con la etiqueta <td>.

  • Tenemos un 1 como contenido único de esta celda.

  • Se cierra la primera celda </td>.

  • Pasamos a la segunda celda <td>2</td>.

  • Termina la primera fila con </tr>.

  • Comienza la segunda fila con una nueva etiqueta <tr>.

  • Esta fila contiene las celdas <td>3</td><td>4</td>.

  • Termina la segunda fila con </tr>.

  • Aparece por último la etiqueta de cierre de la tabla </table>.

images/CAP06IMG01.png

Comentarios

  • Esta etiqueta, básica en HTML, es compatible con todos los navegadores.

  • La etiqueta <table> debe cerrarse obligatoriamente. En caso ...