Ejercicio de programación con HTML: Reto crear tablas HTML

Código
Práctica
0h 5m

Practica creando tablas HTML con encabezados, rowspan y colspan para mostrar un catálogo de productos completo y funcional.

Crea una tabla HTML que muestre un catálogo de productos con la siguiente estructura:

  1. La tabla debe tener un encabezado con las columnas: "Producto", "Precio", "Disponibilidad" y "Características".

  2. Incluye al menos 3 productos diferentes con sus respectivos datos.

  3. Para uno de los productos, la celda de "Características" debe ocupar 2 filas (usa rowspan).

  4. Añade una fila al final con el texto "Total de productos" que ocupe las 3 primeras columnas (usa colspan) y muestre el número total de productos en la última celda.

  5. Utiliza las etiquetas para los encabezados y para los datos.

Puedes usar nombres de productos, precios y características de tu elección.

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Tablas (table, tr, td, th)

Organización de contenido

Otros tutoriales de programación con HTML