Tables · Tablas
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página necesita un navegador reciente (con soporte para SharedArrayBuffer). Por favor, actualiza Chrome, Edge, Firefox o Safari a la última versión.
English
Tables
- A table shows information in rows and columns.
- Start with
<table>. - Each row is a
<tr>(table row).
Español
Tablas
- Una tabla muestra información en filas y columnas.
- Comienza con
<table>. - Cada fila es una
<tr>(fila de tabla).
English
Cells
- Inside each row, each cell is a
<td>(table data). - For a heading cell, like a column title, use
<th>— it shows in bold. - Give every row the same number of cells.
Español
Celdas
- Dentro de cada fila, cada celda es un
<td>(dato de tabla). - Para una celda de encabezado, como el título de una columna, usa
<th>— se muestra en negrita. - Asegúrate de que todas las filas tengan el mismo número de celdas.
<table>
<tr><th>Fruit</th><th>Colour</th></tr>
<tr><td>Apple</td><td>Red</td></tr>
<tr><td>Banana</td><td>Yellow</td></tr>
</table>
English
Common mistakes
- Cells (
<td>) go inside rows (<tr>). - Use
<th>for header cells.
Español
Errores comunes
- Las celdas (
<td>) van dentro de las filas (<tr>). - Usa
<th>para las celdas de encabezado.
English
Now you try
- A table is rows (
<tr>) holding cells (<td>or<th>). - Build a small table, then add a header cell.
Español
Ahora tú prueban
- Una tabla está formada por filas (
<tr>) que contienen celdas (<td>o<th>). - Construye una pequeña tabla y añade una celda de encabezado.
Make a table with two rows. Each row is a <tr>, and put a <td> cell inside each row. · Crea una tabla con dos filas. Cada fila es un <tr>, y coloca una celda <td> dentro de cada fila.
Add a header cell so the column has a title. Use <th> instead of <td> for it. · Añade una celda de encabezado para que la columna tenga un título. Usa <th> en lugar de <td> para ella.