Creando Tablas en HTML

En este tutorial aprenderás cómo crear tablas con HTML para organizar y mostrar datos de manera estructurada.

1. Estructura Básica de una Tabla

La estructura básica de una tabla en HTML incluye las etiquetas <table>, <tr>, <th>, y <td>.

Ejemplo Básico de una Tabla:

<table>
    <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
    </tr>
    <tr>
        <td>Fila 1, Columna 1</td>
        <td>Fila 1, Columna 2</td>
    </tr>
    <tr>
        <td>Fila 2, Columna 1</td>
        <td>Fila 2, Columna 2</td>
    </tr>
</table>
                

2. Agregar Bordes y Estilos

Puedes agregar bordes a las tablas con CSS utilizando la propiedad border.

Ejemplo con Bordes:

<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
}
</style>
<table>
    <tr>
        <th>Nombre</th>
        <th>Edad</th>
    </tr>
        <tr>
        <td>Juan</td>
        <td>25</td>
    </tr>
    <tr>
        <td>María</td>
        <td>30</td>
    </tr>
</table>
                

¡Felicidades!

Ahora sabes cómo crear tablas en HTML y cómo agregarles bordes y estilos. ¡Experimenta creando tablas más complejas!