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
course content

Conteúdo do Curso

HTML Definitivo

HTML Definitivo

1. Compreendendo o Desenvolvimento Web
2. Tags e Atributos HTML
3. Estrutura do Documento HTML
4. Trabalhando com Mídia e Tabelas

book
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:

  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.
html

index.html

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.
html

index.html

css

index.css

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 8
Sentimos muito que algo saiu errado. O que aconteceu?
some-alt