Desafio: 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:
- Nome: Emma Johnson | Cargo: Associada de Vendas | Salário: $15,50 por hora.
- Nome: Liam Thompson | Cargo: Representante de Atendimento ao Cliente | Salário: $14,75 por hora.
- Nome: Olivia Rodriguez | Cargo: Coordenadora de Marketing | Salário: $18,25 por hora.
- Nome: Noah Smith | Cargo: Especialista de Suporte de TI | Salário: $20,00 por hora.
- Nome: Ava Davis | Cargo: Assistente Administrativa | Salário: $16,80 por hora.
index.html
index.css
- Use a tag
tablepara definir o elemento contêiner principal da tabela. - Use a tag
theadpara agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas. - Use a tag
trpara definir uma nova linha dentro da tabela. - Use a tag
thpara definir o texto do cabeçalho de cada coluna. - Use a tag
tbodypara agrupar o conteúdo principal da tabela, que inclui as linhas e células de dados. - Use a tag
tdpara definir os dados ou conteúdo real dentro de cada célula da tabela.
index.html
index.css
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 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
Desafio: 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:
- Nome: Emma Johnson | Cargo: Associada de Vendas | Salário: $15,50 por hora.
- Nome: Liam Thompson | Cargo: Representante de Atendimento ao Cliente | Salário: $14,75 por hora.
- Nome: Olivia Rodriguez | Cargo: Coordenadora de Marketing | Salário: $18,25 por hora.
- Nome: Noah Smith | Cargo: Especialista de Suporte de TI | Salário: $20,00 por hora.
- Nome: Ava Davis | Cargo: Assistente Administrativa | Salário: $16,80 por hora.
index.html
index.css
- Use a tag
tablepara definir o elemento contêiner principal da tabela. - Use a tag
theadpara agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas. - Use a tag
trpara definir uma nova linha dentro da tabela. - Use a tag
thpara definir o texto do cabeçalho de cada coluna. - Use a tag
tbodypara agrupar o conteúdo principal da tabela, que inclui as linhas e células de dados. - Use a tag
tdpara definir os dados ou conteúdo real dentro de cada célula da tabela.
index.html
index.css
Obrigado pelo seu feedback!