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 | Tablas y Formularios
Fundamentos de HTML

bookDesafío: Trabajar con Tablas

Tarea

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

  1. Savory Bliss Bowl
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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 4. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Suggested prompts:

Can you show me the HTML code for the menu table?

Can you explain how to add more items to the table?

Can you help me style the table to look more attractive?

Awesome!

Completion rate improved to 3.13

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. Completa la tabla con los siguientes datos utilizando la estructura de tabla correcta.

  1. Savory Bliss Bowl
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $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 4. Capítulo 2
some-alt