Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Lavorare con le Tabelle | Tabelle e Moduli
Quizzes & Challenges
Quizzes
Challenges
/
Fondamenti di HTML

bookSfida: Lavorare con le Tabelle

Compito

Crea una tabella HTML per visualizzare i piatti del menu di un ristorante, includendo i loro nomi, descrizioni e prezzi. Compila la tabella con i seguenti dati utilizzando la struttura corretta della tabella.

  1. Savory Bliss Bowl
    • Descrizione: Quinoa, verdure arrosto, pollo alla griglia, salsa tahini;
    • Prezzo: $12.99.
  2. Mediterranean Delight Wrap
    • Descrizione: Formaggio halloumi, spinaci, pomodori, tzatziki in un wrap;
    • Prezzo: $10.49.
  3. Sizzling BBQ Burger
    • Descrizione: Hamburger di manzo, bacon, cheddar, cipolle caramellate, patatine fritte;
    • Prezzo: $13.99.
  4. Veggie Harvest Salad
    • Descrizione: Verdure miste, patate dolci, ceci, avocado, feta, vinaigrette;
    • Prezzo: $9.99.
  5. Seafood Pasta Extravaganza
    • Descrizione: Gamberi, capesante, cozze, linguine, salsa al vino e aglio;
    • Prezzo: $16.99.
index.html

index.html

copy

Suggerimento

  • Passaggio 1: Creare la struttura della tabella utilizzando il tag <table>. All'interno della tabella, utilizzare il tag <thead> per l'intestazione della tabella e il tag <tbody> per il corpo della tabella. Nella sezione <thead>, aggiungere una riga (<tr>) con celle di intestazione (<th>) per ciascuna colonna: Item, Description e Price.
  • Passaggio 2: Popolare la tabella con le voci del menu aggiungendo righe (<tr>) all'interno della sezione <tbody>. Utilizzare celle di dati (<td>) all'interno di ogni riga (<tr>) per specificare i dettagli corrispondenti a ciascuna voce del menu.
index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you show me the HTML code for the table?

Can you explain how to structure the table rows and columns?

Can you give tips for styling the table?

Awesome!

Completion rate improved to 2.86

bookSfida: Lavorare con le Tabelle

Scorri per mostrare il menu

Compito

Crea una tabella HTML per visualizzare i piatti del menu di un ristorante, includendo i loro nomi, descrizioni e prezzi. Compila la tabella con i seguenti dati utilizzando la struttura corretta della tabella.

  1. Savory Bliss Bowl
    • Descrizione: Quinoa, verdure arrosto, pollo alla griglia, salsa tahini;
    • Prezzo: $12.99.
  2. Mediterranean Delight Wrap
    • Descrizione: Formaggio halloumi, spinaci, pomodori, tzatziki in un wrap;
    • Prezzo: $10.49.
  3. Sizzling BBQ Burger
    • Descrizione: Hamburger di manzo, bacon, cheddar, cipolle caramellate, patatine fritte;
    • Prezzo: $13.99.
  4. Veggie Harvest Salad
    • Descrizione: Verdure miste, patate dolci, ceci, avocado, feta, vinaigrette;
    • Prezzo: $9.99.
  5. Seafood Pasta Extravaganza
    • Descrizione: Gamberi, capesante, cozze, linguine, salsa al vino e aglio;
    • Prezzo: $16.99.
index.html

index.html

copy

Suggerimento

  • Passaggio 1: Creare la struttura della tabella utilizzando il tag <table>. All'interno della tabella, utilizzare il tag <thead> per l'intestazione della tabella e il tag <tbody> per il corpo della tabella. Nella sezione <thead>, aggiungere una riga (<tr>) con celle di intestazione (<th>) per ciascuna colonna: Item, Description e Price.
  • Passaggio 2: Popolare la tabella con le voci del menu aggiungendo righe (<tr>) all'interno della sezione <tbody>. Utilizzare celle di dati (<td>) all'interno di ogni riga (<tr>) per specificare i dettagli corrispondenti a ciascuna voce del menu.
index.html

index.html

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 2
some-alt