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
index
index
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
index
index
¡Gracias por tus comentarios!