Criando quebras de linha e parágrafos com as tags P & BR

Quando se trata de aprender HTML, duas tags que a maioria das pessoas aprendem desde cedo são as tags de quebra de linha e parágrafo, que são

e
respectivamente. Essas tags colocam intervalos naturais em seu texto para que o conteúdo da sua página da Web seja mais fácil de ler. Embora essas tags sejam bastante fáceis de usar, elas também podem causar alguma confusão e serem mal utilizadas.

Uso correto do elemento de parágrafo HTML

O elemento de parágrafo

é usado como um par de tags com o

tag abrindo o elemento e o

tag fechando. Ao escrever HTML4 ou HTML5, a tag final não é tecnicamente necessária, mas é considerada uma prática recomendada fechar essa tag. Em XHTML, o fechamento

É necessário.

Você usa o elemento de parágrafo em um site da mesma maneira que faz ao escrever conteúdo para necessidades fora da web - quando deseja iniciar uma nova ideia ou ponto. A maioria dos navegadores exibe parágrafos com uma linha em branco entre eles. Aqui está um parágrafo de amostra em HTML:

Agora é a hora de todos os homens bons virem em auxílio de seu país. A rápida raposa marrom saltou sobre o cão adormecido preguiçoso.

Muitas outras tags podem aparecer entre as marcas de parágrafo de abertura e fechamento.

Uso correto do elemento de quebra de linha HTML

O elemento de quebra de linha
tag é uma tag singleton - não tem tag final. Em XHTML, você deve usar a tag com uma barra final (
), mas em HTML (incluindo HTML5), não é necessário.

O elemento break é uma quebra de linha forçada dentro do fluxo de texto da página da web. Você o usa quando deseja que o texto continue na próxima linha, mas o conteúdo não é uma ideia ou ponto separado, o que o tornaria outro parágrafo. Um exemplo disso ocorre com a poesia em que as quebras de linha geralmente são fixas.

Aqui está um exemplo de uma quebra de linha dentro de um parágrafo:

Agora é a hora de todos os homens bons virem em auxílio de seu país.
A rápida raposa marrom saltou sobre o cão adormecido preguiçoso.

Como a tag de quebra de linha é uma tag singleton, nenhuma outra tag pode ser usada nela.

Abusos comuns do

e
Tag

As pessoas novas na codificação cometem alguns erros comuns com os elementos de parágrafo e quebra de linha ao marcar uma página da web.

• Usando
  para alterar o comprimento de uma linha de texto: Usar a tag de interrupção na tentativa de forçar a exibição ou interrupção do texto de uma maneira específica garante que suas páginas fiquem ótimas no navegador, mas não necessariamente em outro navegador e, certamente, não em todos os dispositivos. Se o seu site for responsivo, ele mudará seu layout com base em diferentes tamanhos de tela. O navegador coloca automaticamente a quebra de linha e, em seguida, quando se trata do
  tag, ele envolve o texto novamente, resultando em linhas curtas e linhas longas e texto entrecortado. Você deve usar folhas de estilo CSS para ditar estilos visuais, em vez de tentar forçar o layout adicionando elementos HTML específicos.
• Usandopara adicionar espaço entre os elementos: Mais uma vez, isso está se voltando para HTML para criar um layout visual, neste caso, espaçamento, em vez de usar CSS. Essa é uma prática comum de alguns editores de HTML e, embora não seja tecnicamente errado, resulta em um HTML com aparência estranha e pode ser confuso para editá-lo posteriormente. Também não está de acordo com os padrões da web e a separação de estrutura e estilo. Em alguns casos, o uso de espaços não separáveis ​​dentro de tags de parágrafo vazias pode resultar em espaçamento inesperado em diferentes navegadores, pois todos eles parecem interpretar isso de maneira diferente. A melhor solução para obter os elementos de espaçamento necessários em seu design é usar folhas de estilo.

Saiba mais sobre essas e outras tags nessa lista de tags HTML.