Ejercicio de programación con HTML: Reto crear tablas HTML
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:
La tabla debe tener un encabezado con las columnas: "Producto", "Precio", "Disponibilidad" y "Características".
Incluye al menos 3 productos diferentes con sus respectivos datos.
Para uno de los productos, la celda de "Características" debe ocupar 2 filas (usa rowspan).
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.
Utiliza las etiquetas para los encabezados y para los datos.
Puedes usar nombres de productos, precios y características de tu elecció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.
Reto etiquetas semánticas HTML
Divisiones
Reto atributos ARIA en HTML
Reto trabajar con imágenes en HTML
Formularios
Encabezados
Reto metadatos en HTML
Validación de HTML
Navegación por teclado
Párrafos
Uso de DOCTYPE
Etiquetas semánticas
Contraste y legibilidad
Atributos
Reto formatear texto en HTML
Reto crear listas HTML
Metadatos
Comentarios
Incrustación de contenido (iframe)
Uso de elementos y etiquetas
Audio
Proyecto crear páginas HTML
Enlace
Video
Imágenes
DOCTYPE
Compatibilidad con navegadores
Introducción a HTML
Imágenes vectoriales
Anidación de etiquetas
Reto Validación HTML
Optimización de la carga de la página (Lazy loading)
Listas
Estilos
Reto de enlaces HTML
Atributos de ARIA
Reto geolocalización en HTML
Tablas
Reto LocalStorage en HTML
Uso de atributos
Elementos y etiquetas
Tutorial para resolver este ejercicio de programación
HTML
Tablas (table, tr, td, th)
Organización de contenido