Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Trabajar con Tablas | Sección
Fundamentos de HTML

bookDesafío: Trabajar con Tablas

Desliza para mostrar el menú

Tarea

Crear una tabla HTML para mostrar los elementos del menú de un restaurante, incluyendo sus nombres, descripciones y precios. Completar la tabla con los siguientes datos utilizando la estructura de tabla correcta.

  1. Savory Bliss Bowl
    • Descripción: Quinoa, verduras asadas, pollo a la parrilla, aderezo de tahini;
    • Precio: $12.99.
  2. Mediterranean Delight Wrap
    • Descripción: Queso halloumi, espinaca, tomates, tzatziki en un wrap;
    • Precio: $10.49.
  3. Sizzling BBQ Burger
    • Descripción: Hamburguesa de res, tocino, cheddar, cebollas caramelizadas, papas fritas;
    • Precio: $13.99.
  4. Veggie Harvest Salad
    • Descripción: Hojas verdes, batatas, garbanzos, aguacate, feta, vinagreta;
    • Precio: $9.99.
  5. Seafood Pasta Extravaganza
    • Descripción: Camarones, vieiras, mejillones, linguini, salsa de vino y ajo;
    • Precio: $16.99.
index.html

index.html

copy

Pista

  • Paso 1: Crear la estructura de la tabla utilizando la etiqueta <table>. Dentro de la tabla, usar la etiqueta <thead> para el encabezado de la tabla y la etiqueta <tbody> para el cuerpo de la tabla. Dentro de la sección <thead>, agregar una fila (<tr>) con celdas de encabezado de tabla (<th>) para cada columna: Item, Description y Price.
  • Paso 2: Rellenar la tabla con los elementos del menú agregando filas (<tr>) dentro de la sección <tbody>. Utilizar celdas de datos de tabla (<td>) dentro de cada fila (<tr>) para especificar los detalles correspondientes de cada elemento del menú.
index.html

index.html

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 15

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Sección 1. Capítulo 15
some-alt