EasyCode365EasyCode365

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.