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

Pratique por conta própria: Playground de Web