tutoriais mais recente desenvolvimento web

HTML parágrafos


documentos HTML são divididos em parágrafos.


HTML parágrafos

O HTML <p> elemento define um parágrafo.

Exemplo

<p>This is a paragraph</p>
<p>This is another paragraph</p>
Tente você mesmo "

Navegadores automaticamente adicionar algum espaço em branco antes e depois de um parágrafo.


exibição HTML

Você não pode ter certeza de como HTML será exibida.

Grandes ou pequenas telas e janelas redimensionadas irá criar resultados diferentes.

Com HTML, você não pode alterar a saída, adicionando espaços extras ou linhas extras em seu código HTML.

O navegador irá remover espaços extras e linhas extras quando a página é exibida.

Qualquer número de espaços, e qualquer número de novas linhas, considerados como um único espaço.

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>
Tente você mesmo "

Não se esqueça do Tag End

A maioria dos navegadores irá exibir HTML corretamente, mesmo se você esquecer a tag final:

Exemplo

<p>This is a paragraph
<p>This is another paragraph
Tente você mesmo "

O exemplo acima irá funcionar na maioria dos navegadores, mas não confie nele.

Esquecendo a marca de fim pode produzir resultados inesperados ou erros.

versões mais rigorosas de HTML, como XHTML, não permitem que você ignore a tag final.


Quebras de linha HTML

O HTML <br> elemento define uma quebra de linha.

Use <br> se você deseja uma quebra de linha (a new line) sem iniciar um novo parágrafo:

Exemplo

<p>This is<br>a para<br>graph with line breaks</p>
Tente você mesmo "

O <br> elemento é um elemento HTML vazio. Não tem nenhuma marca de fim.


O problema Poema

Este poema será exibido como uma 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>
Tente você mesmo "

O HTML <pre> Elemento

O HTML <pre> elemento define texto pré-formatado.

O texto dentro de um <pre> elemento é exibido em uma fonte de largura fixa (geralmente Courier), e preserva ambos os 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>
Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»


HTML Tag Referência

referência tag w3ii' contém informações adicionais sobre os elementos HTML e seus atributos.

etiqueta Descrição
<p> Define um parágrafo
<br> Insere uma única linha de ruptura
<pre> Define texto pré-formatado