Menu
Coddy logo textTech

Recapitulação - Tabelas

Parte da seção Fundamentals do Journey de HTML da Coddy — lição 51 de 60.

challenge icon

Desafio

Fácil

Crie um documento HTML que inclua uma tabela com todos os elementos que aprendemos até agora:

  1. Uma tag <table> para definir a tabela, com um atributo border definido como "1" para visibilidade.
  2. Uma tag <caption> com o texto "Employee Information" para descrever a tabela.
  3. Uma linha de tabela (<tr>) para o cabeçalho com três células de cabeçalho (<th>). O primeiro cabeçalho deve ocupar duas colunas e dizer "Employee Details", o segundo deve dizer "Department" e o terceiro deve dizer "Salary".
  4. Uma linha de tabela (<tr>) com uma célula de dados (<td>) que ocupa duas linhas e duas colunas e contém o texto "John Doe", uma célula de dados (<td>) que diz "Sales" e uma célula de dados (<td>) que diz "$50,000".
  5. Outra linha de tabela (<tr>) com uma célula de dados (<td>) que diz "Marketing" e uma célula de dados (<td>) que diz "$60,000".
  6. Uma linha de tabela final (<tr>) com uma célula de dados (<td>) que ocupa duas colunas que diz "Jane Smith", uma célula de dados (<td>) que diz "IT" e uma célula de dados (<td>) que diz "$70,000".

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escreva o código aqui -->
    </body>
</html>

Todas as lições de Fundamentals