Contenido del Curso
Conceptos básicos de HTML
Conceptos básicos de HTML
Desafío: Tabla
Tarea
Crea una tabla HTML para mostrar los elementos del menú del restaurante, incluyendo sus nombres, descripciones y precios. Llena la tabla con los siguientes datos utilizando la estructura correcta de la tabla.
Savory Bliss Bowl
Descripción: Quinoa, roasted veggies, grilled chicken, tahini dressing;
Precio: $12.99.
Mediterranean Delight Wrap
Descripción: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
Precio: $10.49.
Sizzling BBQ Burger
Descripción: Beef patty, bacon, cheddar, caramelized onions, fries;
Precio: $13.99.
Veggie Harvest Salad
Descripción: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
Precio: $9.99.
Seafood Pasta Extravaganza
Descripción: Shrimp, scallops, mussels, linguine, garlic wine sauce;
Precio: $16.99.
index.html
Pista
Paso 1: Crea la estructura de la tabla usando la etiqueta
<table>
. Dentro de la tabla, usa 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>
, agrega una fila (<tr>
) con celdas de encabezado de tabla (<th>
) para cada columna: Artículo, Descripción y Precio.Paso 2: Llena la tabla con los elementos del menú agregando filas (
<tr>
) dentro de la sección<tbody>
. Usa celdas de datos de tabla (<td>
) dentro de cada fila (<tr>
) para especificar los detalles correspondientes para cada elemento del menú.
index.html
¡Gracias por tus comentarios!