Recapitulação - Tabelas
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 51 de 60.
Desafio
FácilCrie um documento HTML que inclua uma tabela com todos os elementos que aprendemos até agora:
- Uma tag
<table>para definir a tabela, com um atributoborderdefinido como "1" para visibilidade. - Uma tag
<caption>com o texto "Employee Information" para descrever a tabela. - 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". - 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". - 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". - 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
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho10Tabelas
Fundamentos de TabelasAdicionando LegendasMesclando Linhas e ColunasRecapitulação - Tabelas2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de Cabeçalho