Desafio: Trabalhar com Tabelas
Tarefa
Crie uma tabela HTML para exibir itens do cardápio de um restaurante, incluindo seus nomes, descrições e preços. Preencha a tabela com os seguintes dados utilizando a estrutura correta de tabela.
- Savory Bliss Bowl
- Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Price: $12.99.
- Mediterranean Delight Wrap
- Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Price: $10.49.
- Sizzling BBQ Burger
- Description: Beef patty, bacon, cheddar, caramelized onions, fries;
- Price: $13.99.
- Veggie Harvest Salad
- Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Price: $9.99.
- Seafood Pasta Extravaganza
- Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Price: $16.99.
index.html
Dica
- Etapa 1: Crie a estrutura da tabela utilizando a tag
<table>. Dentro da tabela, utilize a tag<thead>para o cabeçalho da tabela e a tag<tbody>para o corpo da tabela. Na seção<thead>, adicione uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price. - Etapa 2: Preencha a tabela com itens do menu adicionando linhas (
<tr>) dentro da seção<tbody>. Utilize células de dados (<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 table?
Can you explain how to structure the table rows and columns?
Can you give tips for styling the table?
Awesome!
Completion rate improved to 2.86
Desafio: Trabalhar com Tabelas
Deslize para mostrar o menu
Tarefa
Crie uma tabela HTML para exibir itens do cardápio de um restaurante, incluindo seus nomes, descrições e preços. Preencha a tabela com os seguintes dados utilizando a estrutura correta de tabela.
- Savory Bliss Bowl
- Description: Quinoa, roasted veggies, grilled chicken, tahini dressing;
- Price: $12.99.
- Mediterranean Delight Wrap
- Description: Halloumi cheese, spinach, tomatoes, tzatziki in a wrap;
- Price: $10.49.
- Sizzling BBQ Burger
- Description: Beef patty, bacon, cheddar, caramelized onions, fries;
- Price: $13.99.
- Veggie Harvest Salad
- Description: Greens, sweet potatoes, chickpeas, avocado, feta, vinaigrette;
- Price: $9.99.
- Seafood Pasta Extravaganza
- Description: Shrimp, scallops, mussels, linguine, garlic wine sauce;
- Price: $16.99.
index.html
Dica
- Etapa 1: Crie a estrutura da tabela utilizando a tag
<table>. Dentro da tabela, utilize a tag<thead>para o cabeçalho da tabela e a tag<tbody>para o corpo da tabela. Na seção<thead>, adicione uma linha (<tr>) com células de cabeçalho (<th>) para cada coluna: Item, Description e Price. - Etapa 2: Preencha a tabela com itens do menu adicionando linhas (
<tr>) dentro da seção<tbody>. Utilize células de dados (<td>) em cada linha (<tr>) para especificar os detalhes correspondentes de cada item do menu.
index.html
Obrigado pelo seu feedback!