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
HTML Definitivo

bookDesafio: Criar uma Tabela HTML Funcional

Objetivo

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

Tarefa

Criar uma tabela com três colunas: Nome, Cargo e Salário. Priorizar o uso das tags HTML adequadas para preencher a tabela com as linhas e colunas corretas. Aqui estão os dados a serem incluídos:

  1. Nome: Emma Johnson | Cargo: Associada de Vendas | Salário: $15,50 por hora.
  2. Nome: Liam Thompson | Cargo: Representante de Atendimento ao Cliente | Salário: $14,75 por hora.
  3. Nome: Olivia Rodriguez | Cargo: Coordenadora de Marketing | Salário: $18,25 por hora.
  4. Nome: Noah Smith | Cargo: Especialista de Suporte de TI | Salário: $20,00 por hora.
  5. Nome: Ava Davis | Cargo: Assistente Administrativa | Salário: $16,80 por hora.
index.html

index.html

index.css

index.css

copy
  1. Use a tag table para definir o elemento contêiner principal da tabela.
  2. Use a tag thead para agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas.
  3. Use a tag tr para definir uma nova linha dentro da tabela.
  4. Use a tag th para definir o texto do cabeçalho de cada coluna.
  5. Use a tag tbody para agrupar o conteúdo principal da tabela, que inclui as linhas e células de dados.
  6. Use a tag td para definir os dados ou 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 8

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Suggested prompts:

Can you show me an example of how the table should look in HTML?

What are the correct HTML tags to use for creating the table structure?

Can you explain the difference between thead and tbody in a table?

Awesome!

Completion rate improved to 2.56

bookDesafio: Criar uma Tabela HTML Funcional

Deslize para mostrar o menu

Objetivo

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

Tarefa

Criar uma tabela com três colunas: Nome, Cargo e Salário. Priorizar o uso das tags HTML adequadas para preencher a tabela com as linhas e colunas corretas. Aqui estão os dados a serem incluídos:

  1. Nome: Emma Johnson | Cargo: Associada de Vendas | Salário: $15,50 por hora.
  2. Nome: Liam Thompson | Cargo: Representante de Atendimento ao Cliente | Salário: $14,75 por hora.
  3. Nome: Olivia Rodriguez | Cargo: Coordenadora de Marketing | Salário: $18,25 por hora.
  4. Nome: Noah Smith | Cargo: Especialista de Suporte de TI | Salário: $20,00 por hora.
  5. Nome: Ava Davis | Cargo: Assistente Administrativa | Salário: $16,80 por hora.
index.html

index.html

index.css

index.css

copy
  1. Use a tag table para definir o elemento contêiner principal da tabela.
  2. Use a tag thead para agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas.
  3. Use a tag tr para definir uma nova linha dentro da tabela.
  4. Use a tag th para definir o texto do cabeçalho de cada coluna.
  5. Use a tag tbody para agrupar o conteúdo principal da tabela, que inclui as linhas e células de dados.
  6. Use a tag td para definir os dados ou 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 8
some-alt