Os blocos de construção de uma página
Explorar os três elementos-raiz e compreender o que pertence a cada um.
Os blocos de construção de uma página é uma aula grátis de HTML Academy no CoddyKit. Esta é a aula 3 de 3. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML Academy inclui 3 aulas no total.
As páginas são feitas de partes
Toda página da internet é construída com pequenas partes chamadas elementos. Vamos conhecer os mais simples. 🧱
Títulos
Os títulos são os textos grandes e em negrito. Eles informam aos leitores sobre o que é uma seção.
<h1>My First Page</h1>Parágrafos
Os parágrafos contêm seu texto comum. A maior parte das palavras de uma página fica dentro deles.
<p>Welcome to my page.</p>Imagens
As imagens dão vida a uma página. Uma pequena etiqueta insere uma imagem diretamente na sua página. 🖼️
Links
Os links conectam páginas. Eles transformam a internet em uma rede pela qual você pode navegar clicando.
Listas
Precisa de marcadores? As listas permitem organizar os itens de forma ordenada, um abaixo do outro.
Caixas dentro de caixas
Os elementos podem ficar dentro de outros elementos, como caixas dentro de caixas. Isso se chama aninhamento.
Como construir com tijolos
Combine um título, um parágrafo, uma imagem e um link, e você terá uma página de verdade! 🏗️
Uma receita simples
A maioria das páginas segue o mesmo padrão simples. Assim, depois que você aprende alguns blocos, pode construir qualquer coisa.
Você conseguiu!
Você terminou a introdução e conhece os blocos fundamentais! A partir daqui, tudo fica ainda mais divertido. 🎉
Verificação Rápida
Você conheceu vários blocos de construção. Qual deles contém seu texto comum?
Perguntas Frequentes
A aula “Os blocos de construção de uma página” é grátis?
Sim — o texto completo de “Os blocos de construção de uma página” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML Academy, atualize para CoddyKit PRO. O curso de HTML Academy inclui 3 aulas no total.
O que vou aprender em “Os blocos de construção de uma página”?
Explorar os três elementos-raiz e compreender o que pertence a cada um. Você pratica HTML Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar HTML Academy?
Nenhuma experiência prévia é necessária. HTML Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 3.
Quanto tempo leva a aula “Os blocos de construção de uma página”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de HTML Academy?
Sim. Cada aula de HTML Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- O que é HTML?
- Como os navegadores leem HTML
- Os blocos de construção de uma página