HTML es la columna vertebral de Internet.
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 interlineado para que se ajuste. Con unas pocas líneas de código puede ajustar la altura del interlineado o "altura de línea" en su página web.
HTML estricto
Para crear un espaciado de línea 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. Utilice la etiqueta "fuente" para crear un código como este:
Video del día
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 tramo 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í ...
Use 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 interlineado funcione mejor.
Alternativas CSS
El espaciado de línea también se puede establecer usando 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 configurar "altura de línea" en CSS es:
{line-height: 150%;}
Control de espaciado de línea WYSIWYG
Muchos de estos problemas de codificación pueden evitarse 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. Un simple clic de un botón del mouse y el interlineado aumenta como lo haría si estuviera escribiendo un documento en su procesador de texto favorito.
La mayoría de los editores web, sin importar cuán WYSIWYG sea su interfaz, son mucho más fáciles de usar si sabe cómo codificar, incluso si encuentra que codifica mucho menos de lo que solía hacerlo.