Desafio: 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.
- Savory Bliss Bowl
- Descrição: Quinoa, legumes assados, frango grelhado, molho tahine;
- Preço: $12.99.
- Mediterranean Delight Wrap
- Descrição: Queijo halloumi, espinafre, tomates, tzatziki em um wrap;
- Preço: $10.49.
- Sizzling BBQ Burger
- Descrição: Hambúrguer de carne, bacon, cheddar, cebolas caramelizadas, batatas fritas;
- Preço: $13.99.
- Veggie Harvest Salad
- Descrição: Folhas verdes, batata-doce, grão-de-bico, abacate, feta, vinagrete;
- Preço: $9.99.
- Seafood Pasta Extravaganza
- Descrição: Camarão, vieiras, mexilhões, linguine, molho de vinho com alho;
- Preço: $16.99.
index.html
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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 2
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 3.13
Desafio: 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.
- Savory Bliss Bowl
- Descrição: Quinoa, legumes assados, frango grelhado, molho tahine;
- Preço: $12.99.
- Mediterranean Delight Wrap
- Descrição: Queijo halloumi, espinafre, tomates, tzatziki em um wrap;
- Preço: $10.49.
- Sizzling BBQ Burger
- Descrição: Hambúrguer de carne, bacon, cheddar, cebolas caramelizadas, batatas fritas;
- Preço: $13.99.
- Veggie Harvest Salad
- Descrição: Folhas verdes, batata-doce, grão-de-bico, abacate, feta, vinagrete;
- Preço: $9.99.
- Seafood Pasta Extravaganza
- Descrição: Camarão, vieiras, mexilhões, linguine, molho de vinho com alho;
- Preço: $16.99.
index.html
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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 4. Capítulo 2