Recapitulação - Tabelas
Parte da seção Fundamentos 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:
- <table> para definir a tabela, com um atributo
borderdefinido como "1" para visibilidade. - Uma tag
<caption>com o texto "Employee Information" para descrever a tabela. - 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". - 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". - 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". - 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
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çalhoPratique por conta própria: Playground de Web