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. Completar la tabla con los siguientes datos utilizando la estructura de tabla correcta.
- Savory Bliss Bowl
- Descripción: Quinoa, verduras asadas, pollo a la parrilla, aderezo de tahini;
- Precio: $12.99.
- Mediterranean Delight Wrap
- Descripción: Queso halloumi, espinaca, tomates, tzatziki en un wrap;
- Precio: $10.49.
- Sizzling BBQ Burger
- Descripción: Hamburguesa de res, tocino, cheddar, cebollas caramelizadas, papas fritas;
- Precio: $13.99.
- Veggie Harvest Salad
- Descripción: Hojas verdes, batatas, garbanzos, aguacate, feta, vinagreta;
- Precio: $9.99.
- Seafood Pasta Extravaganza
- Descripción: Camarones, vieiras, mejillones, linguini, salsa de vino y ajo;
- Precio: $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
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 15
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Sección 1. Capítulo 15