Tecnología

Inicio

Código HTML para el espaciado de línea Heights

Código HTML para el espaciado de línea Heights


Controlar el espacio vertical entre las líneas de texto dentro de un párrafo en su página web para filtrar la presentación visual. Si usted necesita un poco más de espacio lleno de texto, o la necesidad de exprimir un poco de texto adicional en un espacio determinado, puede utilizar las etiquetas HTML y CSS para cambiar el espaciado de línea a la medida. Con unas pocas líneas de código se puede ajustar la altura del espacio entre líneas, o "altura de la línea" en su página web.

HTML estricta

Para crear espacio entre líneas que se ve a la derecha, o que ayuda a hacer una sección de texto encaja perfectamente dentro del área de texto en un sitio, utilice HTML estricto. Use la etiqueta "fuente" para crear un código como este:

<Font style = "line-height: 150%">

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

Span Tag

Utilice las etiquetas span para aplicar el cambio a la altura de la línea de texto introducida entre la apertura y el cierre de la etiqueta. La codificación es similar:

<Span style = "color: #FFF; line-height: 150%; font-size: 12px;"> El texto va aquí ... </ span>

Utilice un número de píxeles para ajustar el tamaño de la fuente en lugar de los tamaños relativos grandes, medianos o pequeños. El uso de medidas precisas para el tamaño de fuente que da un mejor control del texto y permite que el espaciado de línea para trabajar mejor.

Alternativas CSS

espaciado de línea también se puede ajustar mediante una hoja de estilo en cascada (CSS). Los controles CSS cualquier elemento que decida aplicarlo a, ya sea un documento de identidad lapso que ha establecido para una sola sección de texto en la página o toda una clase de objetos de uso común. Por ejemplo, si se está trabajando con un sitio de blogs se podría crear una clase para las entradas de blog y establecer la hoja de estilo line-height de la clase a 135%. Cada entrada de blog tendría la misma altura de la línea. El código para el establecimiento de "altura de la línea" en el CSS es:

{Line-height: 150%;}

Control de WYSIWYG espacios entre líneas

Muchos de estos problemas de codificación puede eludirse mediante el uso de un editor web WYSIWYG o mediante la creación de sitios con software en línea como WordPress y Joomla, o herramientas gratuitas creación de sitios web como Weebly, Wix y Moonfruit. Todas estas herramientas proporcionan los editores de texto que tienen las conjeturas y rascarse la cabeza de distancia. Un simple clic de un botón del ratón y el espaciado de línea aumenta del mismo modo que lo haría si estuviera escribiendo un documento en su procesador de textos favorito.

La mayoría de los editores Web, no importa cómo WYSIWYG su interfaz, son mucho más fáciles de usar si usted sabe cómo código, incluso si se encuentra codificar mucho menos de lo que solía.


Artículos relacionados