Tecnología

Cómo reducir el espacio entre líneas en HTML

Escrito por brandy alexander | Traducido por beatriz sánchez
Cómo reducir el espacio entre líneas en HTML

Jupiterimages/Photos.com/Getty Images

La zona de interlineado en un documento HTML (Lenguaje de Marcado de Hipertexto) es la cantidad de espacio que hay entre dos líneas de texto. A medida que construyes tus páginas, considera ajustar esta zona para que se ajuste mejor a tus necesidades y encaje con el diseño de tu página. Afortunadamente, este es un proceso rápido porque las CSS (Hojas de Estilo en Cascada) funcionan directamente con tu código HTML para dar estilo al contenido. Usando el programa de edición de texto de tu computadora, reduce como quieras el espacio entre las líneas en tu documento HTML.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Un programa de edición de texto
  • Una página HTML

Lista completaMinimizar

Instrucciones

  1. 1

    Ejecuta tu programa editor de texto y abre tu página HTML.

  2. 2

    Coloca el cursor entre la sección “<head></head>” de tu código HTML y escribe el siguiente código CSS: <style type=”text/css”> </style> Este código CSS crea un marcador de posición para la siguiente regla de estilo.

  3. 3

    Introduce un selector dentro de las etiquetas “<style></style>”, que es el elemento de página HTML al que quieres aplicar la regla CSS. Por ejemplo, escribe una etiqueta "p" para controlar la apariencia de los párrafos en tu página web: <style> p </style>

  4. 4

    Escribe corchetes de apertura y cierre después del selector "p" e introduce “line-height:” entre los corchetes. Después de “line-height:”, escribe el valor del porcentaje que indica lo lejos que estará cada línea de texto. Los navegadores web normalmente colocan el contenido con un espacio de entre el 110 y 120%. Introduce un valor menor, como 100%, para reducir la altura de la línea. Para ilustrarlo: p {line-height: 100%;}

  5. 5

    Guarda tu archivo. Abre tu documento HTML en un navegador web seleccionando "Abrir" o "Abrir archivo" debajo del menú "Archivo" del navegador para ver el espacio de interlineado reducido. Si tus líneas necesitan ajustes, introduce un nuevo valor en la regla CSS.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media