Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Criar uma Tabela HTML Funcional | Trabalhando com Mídia e Tabelas
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookDesafio: Criar uma Tabela HTML Funcional

Objetivo

Apresentar informações de funcionários em um formato de tabela estruturado utilizando as tags HTML apropriadas para criar linhas e colunas.

Tarefa

Crie uma tabela com três colunas: Name, Position e Wage. Foque em utilizar as tags HTML adequadas para preencher a tabela com as linhas e colunas corretas. Aqui estão os dados a serem incluídos:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Utilize a tag table para definir o elemento contêiner principal da tabela.
  2. Utilize a tag thead para agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas.
  3. Utilize a tag tr para definir uma nova linha dentro da tabela.
  4. Utilize a tag th para definir o texto do cabeçalho de cada coluna.
  5. Utilize a tag tbody para agrupar o conteúdo principal da tabela, que inclui as linhas e as células de dados.
  6. Utilize a tag td para definir os dados ou o conteúdo real dentro de cada célula da tabela.
index.html

index.html

index.css

index.css

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 9

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookDesafio: Criar uma Tabela HTML Funcional

Deslize para mostrar o menu

Objetivo

Apresentar informações de funcionários em um formato de tabela estruturado utilizando as tags HTML apropriadas para criar linhas e colunas.

Tarefa

Crie uma tabela com três colunas: Name, Position e Wage. Foque em utilizar as tags HTML adequadas para preencher a tabela com as linhas e colunas corretas. Aqui estão os dados a serem incluídos:

  1. Name: Emma Johnson | Position: Sales Associate | Wage: $15.50 per hour.
  2. Name: Liam Thompson | Position: Customer Service Representative | Wage: $14.75 per hour.
  3. Name: Olivia Rodriguez | Position: Marketing Coordinator | Wage: $18.25 per hour.
  4. Name: Noah Smith | Position: IT Support Specialist | Wage: $20.00 per hour.
  5. Name: Ava Davis | Position: Administrative Assistant | Wage: $16.80 per hour.
index.html

index.html

index.css

index.css

copy
  1. Utilize a tag table para definir o elemento contêiner principal da tabela.
  2. Utilize a tag thead para agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas.
  3. Utilize a tag tr para definir uma nova linha dentro da tabela.
  4. Utilize a tag th para definir o texto do cabeçalho de cada coluna.
  5. Utilize a tag tbody para agrupar o conteúdo principal da tabela, que inclui as linhas e as células de dados.
  6. Utilize a tag td para definir os dados ou o conteúdo real dentro de cada célula da tabela.
index.html

index.html

index.css

index.css

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 9
some-alt