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çalhoPratique por conta própria: Playground de Web