Títulos e parágrafos
Textos em páginas web precisam de estrutura. HTML usa títulos e parágrafos para organizar o conteúdo de forma clara.
Títulos em HTML
HTML tem seis níveis de título: <h1> até <h6>.
O <h1> é o título mais importante da página.
Os outros títulos criam seções menores.
Parágrafos em HTML
A tag <p> cria um parágrafo.
Use parágrafos para textos comuns, explicações e descrições.
Primeiro exemplo
Editável
<h1>Guia de estudo</h1>
<p>Hoje vou estudar HTML por 20 minutos.</p>
<h2>Primeiro objetivo</h2>
<p>Entender como títulos e parágrafos funcionam.</p>O que observar
- Use apenas um
<h1>como título principal da página. - Use
<h2>para seções principais. - Use
<p>para blocos de texto normal. - Não escolha títulos apenas pelo tamanho visual. Escolha pelo significado.
Mini tarefa
Adicione uma nova seção com <h2> e um parágrafo explicando o que você quer aprender depois.
Pequeno quiz
Pergunta: Qual tag deve representar o título principal da página?
Resposta: <h1>.
Pequeno desafio
Crie uma pequena página sobre seu hobby com:
- Um
<h1>. - Dois
<h2>. - Um parágrafo abaixo de cada título.
Editável
<!-- coloque seu código abaixo -->
Resumo
- Títulos organizam a hierarquia do conteúdo.
- Parágrafos guardam texto comum.
- Uma estrutura clara ajuda leitores, navegadores e mecanismos de busca.