Parágrafos HTML
Um parágrafo sempre começa em uma nova linha e geralmente é um bloco de texto.
Parágrafos HTML
O elemento HTML <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.
Exemplo
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Exibição HTML
Você não pode ter certeza de como o HTML será exibido.
Telas grandes ou pequenas e janelas redimensionadas criarão resultados diferentes.
Com HTML, você não pode alterar a exibição adicionando espaços extras ou linhas extras em seu código HTML.
O navegador removerá automaticamente quaisquer espaços e linhas extras quando a página for exibida:
Exemplo
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Regras horizontais HTML
A <hr>
tag define uma quebra temática em uma página HTML e geralmente é exibida como uma regra horizontal.
O <hr>
elemento é usado para separar o conteúdo (ou definir uma alteração) em uma página HTML:
Exemplo
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
A <hr>
tag é uma tag vazia, o que significa que não tem tag final.
Quebras de linha HTML
O elemento HTML <br>
define uma quebra de linha.
Use <br>
se quiser uma quebra de linha (uma nova linha) sem iniciar um novo parágrafo:
Exemplo
<p>This is<br>a paragraph<br>with line breaks.</p>
A <br>
tag é uma tag vazia, o que significa que não tem tag final.
O problema do poema
Este poema será exibido em uma única linha:
Exemplo
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Solução - O elemento HTML <pre>
O elemento HTML <pre>
define o texto pré-formatado.
O texto dentro de um <pre>
elemento é exibido em uma fonte de largura fixa (geralmente Courier) e preserva espaços e quebras de linha:
Exemplo
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
Exercícios HTML
Referência de tags HTML
A referência de tag do W3Schools contém informações adicionais sobre elementos HTML e seus atributos.
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
Para obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .