Código HTML para alturas de espaçamento de linha

click fraud protection
...

HTML é a espinha dorsal da Internet.

Controle o espaço vertical entre as linhas de texto em um parágrafo em sua página da Web para refinar sua apresentação visual. Se precisar de um pouco mais de espaço preenchido com texto, ou espremer um pouco mais de texto em um determinado espaço, você pode usar tags HTML e CSS para alterar o espaçamento entre linhas para caber. Com algumas linhas de código, você pode ajustar a altura do espaçamento entre linhas ou "altura da linha" em sua página da web.

HTML estrito

Para criar um espaçamento de linha que pareça correto ou que ajude a fazer com que uma seção de texto se ajuste perfeitamente à área de texto em um site, use HTML restrito. Use a tag "font" para criar um código como este:

Vídeo do dia

O "150%" é a parte que aumenta o espaçamento entre as linhas do texto. Substitua outros valores para aumentar ou diminuir o espaçamento.

Span Tag

Use as tags span para aplicar a alteração da altura da linha ao texto inserido entre a abertura e o fechamento da tag. A codificação é semelhante:

O texto vai aqui ...

Use um número de pixels para definir o tamanho da fonte em vez dos tamanhos relativos grande, médio ou pequeno. O uso de medidas precisas para o tamanho da fonte oferece melhor controle do texto e permite que o espaçamento entre linhas funcione melhor.

Alternativas CSS

O espaçamento de linha também pode ser definido usando uma folha de estilo em cascata (CSS). O CSS controla qualquer elemento ao qual você decida aplicá-lo, seja um ID de intervalo que você define para uma única seção de texto na página ou uma classe inteira de itens comumente usados. Por exemplo, se você estiver trabalhando com um site de blog, poderá criar uma classe para entradas de blog e definir a altura da linha da folha de estilo para a classe em 135%. Cada entrada de blog teria a mesma altura de linha. O código para definir a "altura da linha" em CSS é:

{altura da linha: 150%;}

Controle de espaçamento de linha WYSIWYG

Muitos desses problemas de codificação podem ser contornados usando um editor da Web WYSIWYG ou criando sites com software online, como WordPress e Joomla, ou ferramentas gratuitas de criação de sites como Weebly, Wix e Moonfruit. Todas essas ferramentas fornecem editores de texto que eliminam as adivinhações e as preocupações. Um simples clique de um botão do mouse e o espaçamento entre linhas aumentam da mesma forma que se você estivesse escrevendo um documento em seu processador de texto favorito.

A maioria dos editores da Web, não importa o quão WYSIWYG seja sua interface, são muito mais fáceis de usar se você souber codificar, mesmo se descobrir que codifica muito menos do que costumava.