Títulos e parágrafos
Adicione títulos e texto à sua página web
Títulos e parágrafos é uma aula grátis de HTML for Kids no CoddyKit. Esta é a aula 1 de 4. 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 for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML for Kids inclui 4 aulas no total.
Títulos e parágrafos
Boas-vindas à próxima lição! Hoje, vamos aprender a adicionar títulos e parágrafos à sua página da web. Esses elementos tornam seu conteúdo organizado e fácil de ler.
O que são títulos?
Os títulos são usados para criar títulos e subtítulos na sua página da web. Eles vão de <h1>, o maior, a <h6>, o menor.
Pense nos títulos como o esboço do seu conteúdo. Eles ajudam os usuários a entender a estrutura da sua página.
Exemplo:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>Usando títulos
Vamos adicionar títulos à nossa página da web. Experimente este código para ver a diferença entre os tamanhos dos títulos:
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>O que são parágrafos?
Parágrafos são blocos de texto adicionados à sua página da web usando a etiqueta <p>. Eles são perfeitos para adicionar informações detalhadas ou descrições.
Exemplo:
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
Adicionando vários parágrafos
Você pode adicionar quantos parágrafos quiser usando várias etiquetas <p>.
Exemplo:
<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>
Combinando títulos e parágrafos
Títulos e parágrafos trabalham juntos para tornar seu conteúdo fácil de ler e entender. Use títulos para os nomes das seções e parágrafos para informações detalhadas.
Exemplo:
<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>
<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>
<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>
Boas práticas para títulos e parágrafos
Aqui estão algumas dicas para ter em mente:
- Use um único <h1> por página: a etiqueta
<h1>deve ser usada apenas uma vez, como título principal. - Organize o conteúdo: use títulos menores, como
<h2>e<h3>, para dividir as seções. - Escreva parágrafos claros: mantenha seus parágrafos curtos e fáceis de ler.
Tente fazer você mesmo
Vamos criar uma página da web simples com títulos e parágrafos. Aqui está um exemplo para começar:
<!DOCTYPE html>
<html>
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the main paragraph introducing my page.</p>
<h2>About Me</h2>
<p>I’m learning HTML and enjoying the process!</p>
<h2>My Goals</h2>
<p>My goal is to create a professional-looking website someday.</p>
</body>
</html>
Muito bem!
Excelente trabalho! Você aprendeu a adicionar títulos e parágrafos à sua página da web. Eles são essenciais para criar um conteúdo claro e bem estruturado. Na próxima lição, exploraremos como criar listas para organizar informações. Prepare-se para se divertir ainda mais!
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 16
- Aulas
- 35
Perguntas Frequentes
A aula “Títulos e parágrafos” é grátis?
Sim — o texto completo de “Títulos e parágrafos” é 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 for Kids, atualize para CoddyKit PRO. O curso de HTML for Kids inclui 4 aulas no total.
O que vou aprender em “Títulos e parágrafos”?
Adicione títulos e texto à sua página web Você pratica HTML for Kids 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 for Kids?
Nenhuma experiência prévia é necessária. HTML for Kids 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 1 de 4.
Quanto tempo leva a aula “Títulos e parágrafos”?
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 for Kids?
Sim. Cada aula de HTML for Kids 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
- Títulos e parágrafos
- Listas: ordenadas e não ordenadas
- Links: conectando a Web
- Imagens: adicionando imagens à sua página