Código HTML para espaçamento entre linhas

Controla o espaço vertical entre as linhas de texto em um parágrafo de uma página da Web para refinar a apresentação visual. Se você precisar de um pouco mais de espaço de texto ocupado ou precisar espremer um pouco mais de texto em um determinado espaço, poderá usar as tags HTML e CSS para alterar o espaçamento das linhas na extensão apropriada. Com algumas linhas de código, você pode ajustar a altura do espaço entre as linhas ou a “altura da linha” na sua página da Web.

HTML estrito

Para criar um espaço entre as linhas com boa aparência ou que ajude a fazer com que uma seção de texto caiba perfeitamente na área apropriada de um site, use HTML estrito. Selecione a opção de tag “source” para criar um código como este:

“150%” é a parte que aumenta a distância entre as linhas de texto. Substitua os valores para aumentar ou diminuir o espaço.

Rótulo de extensão

Use tags span para aplicar a alteração na altura da linha de texto escrita entre a abertura e o fechamento do rótulo. A codificação é semelhante a:

o texto vai aqui …

Use um número de pixels para ajustar o tamanho da fonte em vez dos tamanhos relativos grandes, médios ou pequenos. O uso de medidas precisas para o tamanho da fonte permite um melhor controle do texto e permite que o espaço entre as linhas funcione melhor.

Alternativas CSS

O espaçamento das linhas também pode ser ajustado usando uma folha de estilos em cascata (CSS). O CSS controla qualquer elemento que você decida aplicar, seja um ID de extensão que você definiu para uma única seção do texto na página ou para toda uma classe de objetos comumente usados. Por exemplo, se você estiver trabalhando com um blog, poderá criar uma classe para as entradas do blog e definir a altura da linha da folha de estilos da classe para 135%. Cada postagem do blog teria a altura da mesma linha. O código para definir a “altura da linha” em CSS é:

{altura da linha: 150%;}

Controle de espaçamento entre linhas WYSIWYG

Muitos desses problemas de codificação podem ser evitados usando um editor da Web WYSIWYG ou criando sites com programas online, como WordPress e Joomla, ou sites com ferramentas de criação gratuitas, como Weebly, Wix e Moonfruit. Todas essas ferramentas fornecem editores de texto que mantêm conjecturas e dores de cabeça. Um simples clique de um botão do mouse e o espaçamento entre linhas aumentam da mesma maneira que você faria se estivesse escrevendo um documento no seu processador de texto favorito.

A maioria dos editores da Web, não importa como a interface WYSIWYG, seja muito mais fácil de usar, se você souber codificar, mesmo que descubra que está codificando muito menos do que costumava.

Referências

 

Você pode estar interessado:

Deixe um comentário