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
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you show me the HTML code for the menu table?
Can you explain how to add more items to the table?
Can you help me style the table to look more attractive?
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
Obrigado pelo seu feedback!