Curso de html e css grátis – Parágrafos

Dicas e Promoções

Um parágrafo sempre começa em uma nova linha e geralmente é um bloco de texto. O elemento <p> define um parágrafo.

Um parágrafo sempre começa em uma nova linha e os navegadores adicionam automaticamente algum espaço em branco (uma margem) antes e depois de um parágrafo.

<p>Este é um parágrafo</p>
<p>Este é um novo parágrafo</p>

Não temos certeza de como o HTML será exibido.
Telas grandes ou pequenas e janelas redimensionadas criarão resultados diferentes.
Não podemos alterar a exibição adicionando espaços ou linhas extras em seu código HTML, pois o navegador removerá automaticamente quaisquer espaços e linhas extras quando a página for exibida:

<p>Este parágrafo
contém muitas linhas
no código-fonte,
mas o navegador
ignora isso.</p>

<p>Este parágrafo
contém muitos espaços
no código-fonte,
mas o navegador
ignora isso.</p>

Elemento régua horizontal

A tag <hr> define uma quebra temática em uma página HTML e geralmente é exibida como uma regra horizontal. A tag <hr> é uma tag vazia, o que significa que não possui tag de fechamento, como o parágrafo por exemplo (<p></p>).

O elemento <hr> é usado para separar o conteúdo (ou definir uma alteração) em uma página HTML:

<p>Este é um parágrafo com um assunto inicial</p>
<hr>
<p>Este é um parágrafo com outro assunto</p>

Elemento quebra de linha

O elemento <br> define uma quebra de linha e é também uma tag sem fechamento. Usamos <br> quando queremos uma nova linha sem iniciar um novo parágrafo:

<p>Este é um texto muito longo com uma <br>quebra de linha no meio</p>

O elemento pré-formatação

A tag <pre> define texto pré-formatado. O texto dentro de um elemento <pre> é exibido em fonte de largura fixa (geralmente Courier) e preserva espaços e quebras de linha:

<pre>
Nestas linhas com o tempo crescerás.
E enquanto nesta terra houver um ser,
Meus versos vivos te farão viver.
</pre>
William Shakespeare