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
index
index
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
index
index
Obrigado pelo seu feedback!