Código HTML para alturas de espaciado entre líneas

Controle el espacio vertical entre las líneas de texto dentro de un párrafo en su página web para refinar su presentación visual. Si necesita un poco de espacio adicional lleno de texto, o necesita exprimir un poco de texto adicional en un espacio determinado, puede usar etiquetas HTML y CSS para cambiar el espacio entre líneas para que se ajuste. Con unas pocas líneas de código, puede ajustar la altura del espacio entre líneas o "altura de línea" en su página web.

HTML estricto

Para crear un espacio entre líneas que se vea bien o que ayude a que una sección de texto encaje perfectamente dentro del área de texto de un sitio, use HTML estricto. Use la etiqueta "fuente" para crear un código como este:

El "150%" es la parte que aumenta el espacio entre las líneas de texto. Sustituya otros valores para aumentar o disminuir el espaciado.

Etiqueta de extensión

Use etiquetas de extensión para aplicar el cambio de altura de línea al texto ingresado entre la apertura y el cierre de la etiqueta. La codificación es similar:

El texto va aquí...

Utilice una cantidad de píxeles para establecer el tamaño de fuente en lugar de los tamaños relativos grande, mediano o pequeño. El uso de medidas precisas para el tamaño de fuente le brinda un mejor control del texto y permite que el espacio entre líneas funcione mejor.

Alternativas CSS

El espacio entre líneas también se puede configurar mediante una hoja de estilo en cascada (CSS). El CSS controla cualquier elemento al que decida aplicarlo, ya sea un ID de intervalo que establezca para una sola sección de texto en la página o una clase completa de elementos de uso común. Por ejemplo, si está trabajando con un sitio de blog, puede crear una clase para entradas de blog y establecer la altura de línea de la hoja de estilo para la clase en 135%. Cada entrada de blog tendría la misma altura de línea. El código para establecer la "altura de la línea" en CSS es:

{altura de línea:150%;

Control de espaciado de líneas WYSIWYG

Muchos de estos problemas de codificación se pueden evitar utilizando un editor web WYSIWYG o creando sitios con software en línea como WordPress y Joomla, o herramientas gratuitas de creación de sitios web como Weebly, Wix y Moonfruit. Todas estas herramientas proporcionan editores de texto que eliminan las conjeturas y los rasguños de cabeza. Un simple clic del botón del mouse y el espacio entre líneas aumenta tal como lo haría si estuviera escribiendo un documento en su procesador de texto favorito.

La mayoría de los editores web, sin importar qué tan WYSIWYG sea su interfaz, son mucho más fáciles de usar si sabes codificar, incluso si descubres que codificas mucho menos de lo que solías.