Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Tabelas | Mídias e Tabelas
HTML Supremo
course content

Conteúdo do Curso

HTML Supremo

HTML Supremo

1. Desenvolvimento Web
2. Tags e Atributos
3. Estrutura do Documento
4. Mídias e Tabelas
5. Formulários

bookDesafio: Tabelas

🏁 Objetivo

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

📋 Tarefa

Crie uma tabela com três colunas: Name, Position e Wage. Concentre-se no uso das tags HTML apropriadas 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.
html

index

css

index

js

index

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

index

css

index

js

index

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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