Trabajo con tablas en HTML
Ahora aprenderemos a hacer tablas en HTML. Creo que te imaginas lo que es una tabla en la vida normal: es un conjunto de filas y columnas, en cuya intersección se encuentran las celdas.
En HTML, las tablas se crean siguiendo un principio similar. También hay columnas, filas y celdas, sin embargo, el código HTML de las tablas a primera vista puede parecer inusual: las tablas se crean por filas - primero la primera fila, luego la segunda y así sucesivamente.
El código de la tabla tiene una estructura rígida: el principal
es la etiqueta table, dentro de la cual
deben estar las etiquetas tr, que crean
las filas de la tabla, y dentro de ellas - las etiquetas td,
que crean las celdas. La etiqueta table
puede tener el atributo border, que
establece el borde para la tabla y sus celdas.
Como ejemplo, hagamos una tabla con tres filas y tres celdas en cada fila:
<table border="1">
<tr>
<td>celda 1</td>
<td>celda 2</td>
<td>celda 3</td>
</tr>
<tr>
<td>celda 4</td>
<td>celda 5</td>
<td>celda 6</td>
</tr>
<tr>
<td>celda 7</td>
<td>celda 8</td>
<td>celda 9</td>
</tr>
</table>
:
Repite el ejemplo que se muestra a continuación: