Recapitulação - Layout
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 29 de 60.
Desafio
FácilCrie um documento HTML que inclua todos os elementos de layout que aprendemos até agora:
- Um
<header>com um cabeçalho principal (<h1>) que diz "My Website" e uma navegação (<nav>) com links para "Home", "About" e "Contact". (em uma lista não ordenada) - Uma seção
<main>com uma<div>que contém um parágrafo (<p>) com o texto "This is the main content area.". Dentro do parágrafo, use uma tag<span>para envolver a palavra "main". - Dentro da seção principal, uma
<section>com um cabeçalho (<h2>) que diz "About Us" e um<article>com um cabeçalho (<h3>) que diz "Our Mission" e um parágrafo (<p>) com algum texto fictício. - Um
<footer>com um parágrafo (<p>) que diz "Copyright 2024 My Website".
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çalho
Foto de PerfilSeção Sobre MimLinks Sociais2Texto 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çalhoSeção de Detalhes do EventoFormulário de InscriçãoSeção de Rodapé