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 cedo são as tags de parágrafo e quebra de linha, que são 

 e 
respectivamente. Essas tags colocam quebras naturais em seu texto para que o conteúdo de 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 ser 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-o. Por escrever HTML4 ou HTML5, a marca final não é tecnicamente necessária, mas é considerada uma prática recomendada fechar essa marca. 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 exemplo de parágrafo em HTML:

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





instagram viewer

Muitas outras marcas 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 etiqueta singleton - não tem marca de fim. Em XHTML, você deve usar a tag com uma barra final (
), mas em HTML (incluindo HTML5), não é obrigatório.

O elemento break é uma quebra de linha forçada no 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, onde as quebras de linha são geralmente fixas.

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

Agora é a hora de todos os homens de bem virem em ajuda 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 dentro dela.

Maus usos comuns do

e
Tag

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

• Usando
  para mudar o comprimento de uma linha de texto: Usar a tag break na tentativa de forçar o texto a aparecer ou quebrar de uma maneira específica garante que suas páginas ficam ótimas em seu navegador, mas não necessariamente em outro navegador e certamente não em todos dispositivos. Se o seu site for um site responsivo, ele muda seu layout com base em diferentes tamanhos de tela. O navegador coloca automaticamente a quebra automática de linha e, em seguida, quando se trata de
  tag, ele quebra o texto novamente, resultando em linhas curtas e linhas longas e texto instável. Você deveria usar Folhas de estilo CSS para ditar estilos visuais em vez de tentar forçar o layout adicionando elementos HTML específicos.
• Usando para adicionar espaço entre os elementos: Mais uma vez, trata-se de recorrer ao HTML para criar um layout visual, neste caso, espaçamento, em vez de usar CSS. Esta é uma prática comum de alguns editores de HTML e, embora não seja tecnicamente errada, resulta em um HTML de aparência estranha e pode ser confuso para editar mais tarde. Também não está de acordo com os padrões da web e com a separação de estrutura e estilo. Em alguns casos, usando espaços dentro de tags de parágrafo vazio pode resultar em espaçamento inesperado em navegadores diferentes, pois todos parecem interpretar isso de forma diferente. A melhor solução para obter os elementos de espaçamento necessários em seu projeto é usar folhas de estilo.