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
Fondamenti di HTML

bookSfida: Lavorare con le Tabelle

Compito

Creare una tabella HTML per visualizzare i piatti del menu di un ristorante, includendo i loro nomi, descrizioni e prezzi. Compilare 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 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 menu table?

Can you explain how to add more items to the table?

Can you help me style the table to look more attractive?

Awesome!

Completion rate improved to 3.13

bookSfida: Lavorare con le Tabelle

Scorri per mostrare il menu

Compito

Creare una tabella HTML per visualizzare i piatti del menu di un ristorante, includendo i loro nomi, descrizioni e prezzi. Compilare 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 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