Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafío: Tabla | Tablas y Formularios
Conceptos básicos de HTML
course content

Contenido del Curso

Conceptos básicos de HTML

Conceptos básicos de HTML

1. Comprendiendo la Web y HTML
2. Fundamentos de HTML
3. Imágenes y Medios
4. Tablas y Formularios
5. HTML Avanzado

bookDesafí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.

  1. Savory Bliss Bowl
    • Descripción: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Precio: $12.99.
  2. Mediterranean Delight Wrap
    • Descripción: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Precio: $10.49.
  3. Sizzling BBQ Burger
    • Descripción: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Precio: $13.99.
  4. Veggie Harvest Salad
    • Descripción: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Precio: $9.99.
  5. Seafood Pasta Extravaganza
    • Descripción: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Precio: $16.99.
html

index

css

index

js

index

copy

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ú.
html

index

css

index

js

index

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 2
some-alt