Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Trabalhar com Tabelas | Tabelas e Formulários
Fundamentos de HTML

bookDesafio: Trabalhar com Tabelas

Tarefa

Criar uma tabela HTML para exibir itens do cardápio de um restaurante, incluindo seus nomes, descrições e preços. Preencher a tabela com os seguintes dados utilizando a estrutura correta de tabela.

  1. Savory Bliss Bowl
    • Descrição: Quinoa, legumes assados, frango grelhado, molho tahine;
    • Preço: $12.99.
  2. Mediterranean Delight Wrap
    • Descrição: Queijo halloumi, espinafre, tomates, tzatziki em um wrap;
    • Preço: $10.49.
  3. Sizzling BBQ Burger
    • Descrição: Hambúrguer de carne, bacon, cheddar, cebolas caramelizadas, batatas fritas;
    • Preço: $13.99.
  4. Veggie Harvest Salad
    • Descrição: Folhas verdes, batata-doce, grão-de-bico, abacate, feta, vinagrete;
    • Preço: $9.99.
  5. Seafood Pasta Extravaganza
    • Descrição: Camarão, vieiras, mexilhões, linguine, molho de vinho com alho;
    • Preço: $16.99.
index.html

index.html

copy

Dica

  • Passo 1: Criar a estrutura da tabela utilizando a tag <table>. Dentro da tabela, utilizar a tag <thead> para o cabeçalho da tabela e a tag <tbody> para o corpo da tabela. Na seção <thead>, adicionar uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price.
  • Passo 2: Preencher a tabela com os itens do menu adicionando linhas (<tr>) dentro da seção <tbody>. Utilizar células de dados da tabela (<td>) em cada linha (<tr>) para especificar os detalhes correspondentes de cada item do menu.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

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

bookDesafio: Trabalhar com Tabelas

Deslize para mostrar o menu

Tarefa

Criar uma tabela HTML para exibir itens do cardápio de um restaurante, incluindo seus nomes, descrições e preços. Preencher a tabela com os seguintes dados utilizando a estrutura correta de tabela.

  1. Savory Bliss Bowl
    • Descrição: Quinoa, legumes assados, frango grelhado, molho tahine;
    • Preço: $12.99.
  2. Mediterranean Delight Wrap
    • Descrição: Queijo halloumi, espinafre, tomates, tzatziki em um wrap;
    • Preço: $10.49.
  3. Sizzling BBQ Burger
    • Descrição: Hambúrguer de carne, bacon, cheddar, cebolas caramelizadas, batatas fritas;
    • Preço: $13.99.
  4. Veggie Harvest Salad
    • Descrição: Folhas verdes, batata-doce, grão-de-bico, abacate, feta, vinagrete;
    • Preço: $9.99.
  5. Seafood Pasta Extravaganza
    • Descrição: Camarão, vieiras, mexilhões, linguine, molho de vinho com alho;
    • Preço: $16.99.
index.html

index.html

copy

Dica

  • Passo 1: Criar a estrutura da tabela utilizando a tag <table>. Dentro da tabela, utilizar a tag <thead> para o cabeçalho da tabela e a tag <tbody> para o corpo da tabela. Na seção <thead>, adicionar uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price.
  • Passo 2: Preencher a tabela com os itens do menu adicionando linhas (<tr>) dentro da seção <tbody>. Utilizar células de dados da tabela (<td>) em cada linha (<tr>) para especificar os detalhes correspondentes de cada item do menu.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 2
some-alt