Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende 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

book
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.

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

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

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 2

Pregunte a AI

expand
ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

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

book
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.

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

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

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 2
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt