Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Tabela | Tabelas e Formulários
Essenciais de HTML
course content

Conteúdo do Curso

Essenciais de HTML

Essenciais de HTML

1. Compreendendo a Web e HTML
2. Fundamentos de HTML
3. Imagens e Mídia
4. Tabelas e Formulários
5. HTML Avançado

bookDesafio: Tabela

Tarefa

Crie uma tabela HTML para exibir itens do menu do restaurante, incluindo seus nomes, descrições e preços. Preencha a tabela com os seguintes dados usando a estrutura correta da tabela.

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

index

css

index

js

index

copy

Dica

  • Passo 1: Crie a estrutura da tabela usando a tag <table>. Dentro da tabela, use a tag <thead> para o cabeçalho da tabela e a tag <tbody> para o corpo da tabela. Dentro da seção <thead>, adicione uma linha (<tr>) com células de cabeçalho da tabela (<th>) para cada coluna: Item, Descrição e Preço.
  • Passo 2: Preencha a tabela com itens do menu adicionando linhas (<tr>) dentro da seção <tbody>. Use células de dados da tabela (<td>) dentro de cada linha (<tr>) para especificar os detalhes correspondentes para cada item do menu.
html

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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