Conteúdo do Curso
Essenciais de HTML
Essenciais de HTML
Desafio: 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.
Savory Bliss Bowl
Descrição: Quinoa, roasted veggies, grilled chicken, tahini dressing;
Preço: $12.99.
Mediterranean Delight Wrap
Descrição: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
Preço: $10.49.
Sizzling BBQ Burger
Descrição: Beef patty, bacon, cheddar, caramelized onions, fries;
Preço: $13.99.
Veggie Harvest Salad
Descrição: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
Preço: $9.99.
Seafood Pasta Extravaganza
Descrição: Shrimp, scallops, mussels, linguine, garlic wine sauce;
Preço: $16.99.
index.html
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.
index.html
Obrigado pelo seu feedback!