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

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

  1. Savory Bliss Bowl
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $16.99.
index.html

index.html

copy

Dica

  • Etapa 1: Crie a estrutura da tabela utilizando a tag <table>. Dentro da tabela, utilize a tag <thead> para o cabeçalho da tabela e a tag <tbody> para o corpo da tabela. Na seção <thead>, adicione uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price.
  • Etapa 2: Preencha a tabela com itens do menu adicionando linhas (<tr>) dentro da seção <tbody>. Utilize células de dados (<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 2.86

bookDesafio: Trabalhar com Tabelas

Deslize para mostrar o menu

Tarefa

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

  1. Savory Bliss Bowl
    • Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
    • Price: $12.99.
  2. Mediterranean Delight Wrap
    • Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
    • Price: $10.49.
  3. Sizzling BBQ Burger
    • Description: Beef patty, bacon, cheddar, caramelized onions, fries;
    • Price: $13.99.
  4. Veggie Harvest Salad
    • Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
    • Price: $9.99.
  5. Seafood Pasta Extravaganza
    • Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
    • Price: $16.99.
index.html

index.html

copy

Dica

  • Etapa 1: Crie a estrutura da tabela utilizando a tag <table>. Dentro da tabela, utilize a tag <thead> para o cabeçalho da tabela e a tag <tbody> para o corpo da tabela. Na seção <thead>, adicione uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price.
  • Etapa 2: Preencha a tabela com itens do menu adicionando linhas (<tr>) dentro da seção <tbody>. Utilize células de dados (<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