Menu
CoddyTech

Recapitulação - Tabelas

Parte da seção Fundamentos 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. <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 da tabela (<tr>) para o cabeçalho, com três células de cabeçalho (<th>). O primeiro cabeçalho deve abranger duas colunas e dizer "Employee Details", o segundo deve dizer "Department" e o terceiro deve dizer "Salary".
  4. Uma linha da tabela (<tr>) com uma célula de dados (<td>) que abranja duas linhas e duas colunas e contenha o texto "John Doe", uma célula de dados (<td>) que diga "Sales" e uma célula de dados (<td>) que diga "$50,000".
  5. Outra linha da tabela (<tr>) com uma célula de dados (<td>) que diga "Marketing" e uma célula de dados (<td>) que diga "$60,000".
  6. Uma linha final da tabela (<tr>) com uma célula de dados (<td>) que abranja duas colunas e diga "Jane Smith", uma célula de dados (<td>) que diga "IT" e uma célula de dados (<td>) que diga "$70,000".

Experimente você mesmo

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

Todas as lições de Fundamentos

Pratique por conta própria: Playground de Web