Parágrafo no HTML

O parágrafo no HTML é usado para publicar texto nas páginas web.

Como você verá neste artigo, os parágrafos são definidos com a tag <p>. Tag <p> é uma tag muito básica e normalmente é a primeira tag que aprendemos na construção de páginas em HTML. Aqui está um exemplo:

<p>Exemplo de parágrafo dentro do site</p>
<p>Um novo exemplo de parágrafo dentro do HTML.</p>

Inserindo quebra de linha no parágrafo HTML

A tag <br> é usada para inserir uma quebra de linha na página web.

Uma vez que o <br> é um elemento vazio, então não há necessidade de encerrar a tag.

<p>Este é um parágrafo <br> com uma quebra de linha.</p>
<p>Este é um segundo<br>parágrafo<br> com duas quebras de linha no HTML.</p>

Criando espaços extras

Inserir o &nbsp; para criar espaços extra consecutivos, enquanto inserir a marca <br> para criar quebras de linha nas suas páginas web, como demonstrado no seguinte exemplo:

<p>Este parágrafo possui &nbsp;&nbsp;&nbsp;  muitos espaços extras!</p>

Criando linhas horizontais

Uma forma de organizar seu conteúdo é criando linhas.

Você pode usar a tag <hr> para criar regras ou linhas horizontais para separar visualmente seções de conteúdo em uma página web. Como <br>, a tag < hr> também é um elemento vazio. Aqui está um exemplo:

<p>Este é um parágrafo.</p>
<hr>
<p>Este abaixo é um complemento do parágrafo.</p>

Criando textos pré formatados

Você pode usar a tag <pre> para exibir espaços, tabulações, quebras de linha, etc. exatamente como está escrito no arquivo HTML. É muito útil na apresentação de texto onde espaços e quebras de linha são importantes como poema ou linhas de código.

 

<pre>
  Olho e comovo-me
  Comovo-me como a água corre quando o chão é inclinado
  E a minha poesia é natural como o levantar-se vento
...
  (Alberto Caeiro)
</pre>