Código HTML para alturas de espaçamento entre linhas

HTML é a espinha dorsal da Internet.

HTML restrito

Substitua os valores para aumentar ou diminuir o espaço. Salvar imagem do computador por Haris Rauf de Fotolia.com

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

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

Tag Span

O uso de medições precisas para o tamanho da fonte permite um melhor controle de texto e permite que o espaço entre as linhas funcione melhor. Salvar imagem do computador por blaine stiger de Fotolia.com

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

o texto vai aqui ...

Use vários pixels para ajustar o tamanho da fonte, em vez dos tamanhos relativos grande, médio ou pequeno. O uso de medições precisas para o tamanho da fonte permite um melhor controle de texto e permite que o espaço entre as linhas funcione melhor.

Alternativas CSS

O espaçamento de linha também pode ser ajustado usando uma folha de estilo em cascata (CSS). Salvar imagem do computador por blaine stiger de Fotolia.com

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

{line-height: 150%;}

Controle de espaçamento de linha WYSIWYG

A maioria dos editores da Web, independentemente de sua interface WYSIWYG, é muito mais fácil de usar se você souber codificar. Salve imagem do computador por martini de Fotolia.com

Muitos desses problemas de codificação podem ser evitados usando um editor da Web WYSIWYG ou criando sites com programas on-line, 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 suposições e dores de cabeça. Um simples clique do botão do mouse e o espaçamento entre linhas aumentam da mesma forma que você faria se estivesse escrevendo um documento no seu processador de texto favorito.

A maioria dos editores da Web, independentemente de sua interface WYSIWYG, é muito mais fácil de usar se você souber codificar, mesmo se achar que está codificando muito menos do que costumava fazer.