Como definir parágrafos e espaçamento em HTML

click fraud protection

Então, você aprendeu conceitos básicos de HTML e algumas tags HTML básicas, e decidiu colar alguns HTML em seu CMS. Infelizmente, seu artigo foi publicado. Tudo é um parágrafo! O que aconteceu?

Não entre em pânico. Entenda como o seu navegador interpreta quebras de linha, e você consertará isso rapidamente... ou pelo menos, simplesmente.

Os navegadores ignoram a maioria dos espaços em branco

HTML trata de marcar texto comum. Na época em que o texto estava em pergaminho, o texto comum corria junto em blocos gigantes. Hoje, dividimos o texto em parágrafos.

Você pode não pensar muito sobre os parágrafos. Eles simplesmente acontecem. Você pressiona ENTER e pronto.

Mas HTML é diferente. O navegador se esforça para filtrar informações que não parecem importantes. Você precisa entender como isso funciona para não se confundir.

Suponha que você digite um monte de espaços:

Seu navegador prosaico fornecerá esta versão nítida:

Eu me sinto como e.e. cummings.

Não estamos mais no Word, Toto. Navegadores ignorar espaçamento extra. Eles reduzem vários espaços a um único espaço.

instagram viewer

Os navegadores também ignore o seu quebras de linha.

Seu navegador faz isso:

Eu me sinto como e.e. cummings, mas todo mundo odeia C A P I T A L S online de qualquer maneira.

Se você vem do mundo dos processadores de texto, esse comportamento pode ser surpreendente. Na verdade, isso lhe dá muita liberdade.

Parágrafos

Mas você provavelmente ainda quer parágrafos. Aqui estão eles:


e

Olhe atentamente para o.


e

tags e veja o que o navegador faz.
Este é um parágrafo. Este é outro parágrafo, embora esteja na mesma linha. E embora eu tenha acabado de inserir duas quebras de linha, isso ainda faz parte do parágrafo dois. Agora, encerrarei o parágrafo dois.

Ver? O navegador realmente ignora totalmente as quebras de linha. Ele só se preocupa com as tags.

Normalmente, é claro, a escolha sensata é combinar seus parágrafos com quebras de linha:

Mas as quebras de linha são apenas para você. O navegador os ignora.

Adicionando um monte de.

tags podem ser entediantes. Uma coisa é adicionar itálico aqui e ali. Outra é ter que adicionar tags toda vez que você inicia um novo parágrafo.
Mas espere! Há esperança! Não corra gritando de volta para o seu processador de texto.

Seu CMS pode respeitar suas linhas em branco

Felizmente, alguns CMSs são projetados para inserir tags de parágrafo automaticamente para você, nos bastidores. Você pode simplesmente inserir um linha em branco entre os parágrafos, e o CMS faz o resto.

Se o seu CMS tiver esse recurso, você obterá:

Este é um parágrafo. Sem tags! E aqui está. outro parágrafo.

Por que isso funciona? Antes que o CMS divulgue seu artigo como um página da Internet, adiciona o necessário.

Tag.
Seu CMS provavelmente fará isso automaticamente. Caso contrário, você poderá ativar esse recurso.

Pressione ENTER duas vezes para obter um parágrafo

Em um processador de texto, você normalmente pressiona ENTER apenas uma vez entre os parágrafos. Os parágrafos são uma única linha, mas o processador de texto os envolve.

Em HTML, você deseja pressione ENTER duas vezes entre os parágrafos. Se o seu CMS adicionar.

tags automaticamente, provavelmente espera uma linha em branco.

instagram story viewer