Escrevendo texto em HTML

Para escrever blocos de texto em HTML, usamos principalmente a tag <p>.

Exemplo:

<p>HTML é a base da estrutura de uma página web.</p>
<p>Com ele você define títulos, textos, imagens e links.</p>

Cada <p> representa um parágrafo.

Um detalhe que costuma confundir

No código, você pode apertar "Enter" várias vezes achando que o navegador vai respeitar exatamente aquele espaçamento. Só que não funciona assim.

Veja:

<p>
  Este texto
  foi escrito
  em várias linhas.
</p>

No navegador, isso normalmente será exibido como uma linha contínua, sem quebras. O HTML ignora os espaços em branco extras.

Quebra de linha com <br>

Se você quiser forçar uma quebra de linha dentro do conteúdo, pode usar <br>.

<p>Rua das Flores, 123<br>Centro<br>Rio de Janeiro - RJ</p>

Isso é útil para endereços, poemas ou casos em que a quebra faz sentido.

Separação com <hr>

A tag <hr> cria uma linha horizontal para separar conteúdos.

<p>Conteúdo da primeira parte.</p>
<hr>
<p>Conteúdo da segunda parte.</p>

Ela funciona como uma divisão temática na página.

Exemplo prático

<h1>Sobre mim</h1>

<p>Meu nome é João e eu gosto de desenvolvimento web.</p>

<p>Estou estudando HTML para construir páginas melhores e mais organizadas.</p>

<hr>

<p>Na próxima etapa, vou aprender CSS.</p>

Quando usar cada um?

• use <p> para parágrafos;
• use <br> para quebra de linha pontual;
• use <hr> para separar seções.

Não vale sair usando <br> para empurrar o layout. Isso até funciona no início, mas com o tempo vai virar uma bagunça difícil de manter.