Conteúdo do Curso
HTML Definitivo
HTML Definitivo
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
table
para definir o elemento contêiner principal da tabela.Use a tag
thead
para agrupar o conteúdo do cabeçalho da tabela, como os títulos das colunas.Use a tag
tr
para definir uma nova linha dentro da tabela.Use a tag
th
para definir o texto do cabeçalho de cada coluna.Use a tag
tbody
para agrupar o conteúdo principal da tabela, que inclui as linhas e células de dados.Use a tag
td
para definir os dados ou conteúdo real dentro de cada célula da tabela.
index.html
index.css
Obrigado pelo seu feedback!