Desafí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.
- Savory Bliss Bowl
- Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Price: $12.99.
- Mediterranean Delight Wrap
- Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Price: $10.49.
- Sizzling BBQ Burger
- Description: Beef patty, bacon, cheddar, caramelized onions, fries;
- Price: $13.99.
- Veggie Harvest Salad
- Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Price: $9.99.
- Seafood Pasta Extravaganza
- Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Price: $16.99.
index.html
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
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
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
Desafí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.
- Savory Bliss Bowl
- Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Price: $12.99.
- Mediterranean Delight Wrap
- Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Price: $10.49.
- Sizzling BBQ Burger
- Description: Beef patty, bacon, cheddar, caramelized onions, fries;
- Price: $13.99.
- Veggie Harvest Salad
- Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Price: $9.99.
- Seafood Pasta Extravaganza
- Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Price: $16.99.
index.html
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
¡Gracias por tus comentarios!