Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafio: Tabelas | Media and Tables
HTML Supremo

Desafio: TabelasDesafio: Tabelas

🏁 Objetivo

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

content

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

css

index.css

js

index.js

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

css

index.css

js

index.js

Tudo estava claro?

Seção 4. Capítulo 9
course content

Conteúdo do Curso

HTML Supremo

Desafio: TabelasDesafio: Tabelas

🏁 Objetivo

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

content

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

css

index.css

js

index.js

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

css

index.css

js

index.js

Tudo estava claro?

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