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