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

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