-
Código HTML para Sin espaciado entre oraciones
-
Ni HMTL ni CSS tienen códigos específicamente para cambiar el espacio entre las frases en una página Web. Sin embargo, puede crear definiciones que cambian esta separación mediante el uso de las propiedades "de espaciado entre letras" de CSS "word-spacing" o. En general, utilice la propiedad "word-spacing" para cambiar el espaciamiento frase, ya que esto produce un texto que sea más legible.
Impacto de "word-spacing" y "espaciado entre letras"
Una de las dos formas de utilizar el código HTML para establecer el espaciado entre las oraciones es para establecer la propiedad "word-spacing" del elemento que desea el espacio. Al especificar un valor para esta propiedad influye en la cantidad de espacio en blanco que aparece entre todas las palabras en el párrafo, div, anclaje u otro elemento que configure el estilo de. Por ejemplo, esta definición de estilo hace que el espacio entre todas las palabras en todos los párrafos de la página HTML 20 píxeles:
P {word-spacing: 20px;}
El otro enfoque a la personalización de la cantidad de espacio entre las oraciones es para establecer la propiedad "letter-spacing" de un elemento. Tenga en cuenta que el establecimiento de esta propiedad será expandir o contraer todas las letras en la frase afectada, lo que puede hacer que esas frases difíciles de leer. Esta definición de estilo define el espacio entre las letras en cinco píxeles.
.wideSpacing {letter-spacing: 5px; }
Página Web de ejemplo
Probar el espaciamiento frase personalizada en una página Web escribiendo una página Web de ejemplo, uno usando las definiciones de estilo personalizado para el "word-spacing" y "propiedades de espaciado entre letras". Iniciar este proyecto con una plantilla de página Web en blanco, como el que al final de esta sección.
<Html>
<Head>
<Style>
</ Style>
</ Head>
<Body>
</ Body>
</ Html>Guardar la plantilla de Web como un documento de texto con cualquier nombre de archivo que terminan en "HTML" o "HTM".
definir estilos
Una vez que haya tomado una página Web en blanco para alojar sus experimentos de oraciones de espaciamiento, definir estilos personalizados para la página, en la sección Estilo de la plantilla web. Las siguientes definiciones de estilo de esta sección crear estilos personalizados que el espacio entre palabras impacto y el espaciado entre caracteres. Cualquier elemento en su página Web será capaz de utilizar estas personalizaciones. Una vez que haya establecido la clase de propiedad de un elemento con el nombre de una de las siguientes definiciones, el elemento se enfrentará a la sentencia de separación que ha especificado para esa definición.
.myWordSpacing {word-spacing: 10px; }
.myLetterSpacing {letter-spacing: 20px; }Aplicar Estilos definidos
Después de crear la definición de estilo personalizado que impacto espacio entre oraciones, aplicarlas a elementos en su página web. Empieza por escribir texto cuyo espacio entre oraciones desea que sus definiciones personalizadas para cambiar. Por ejemplo, puede escribir un elemento de párrafo con dos frases sencillas.
<P> Jack y Jill bajaron el montículo. Y nunca más eran que encontraron. </ P>
Después de escribir las frases de ejemplo para un elemento, cambiar el espaciado sentencia mediante la personalización de su estilo. Hacerlo cambiando estilo de la propiedad del elemento, o cambiando su propiedad de clase.
<P class = "myWordSpacing"> Jack y Jill bajaron el montículo. Y nunca más eran que encontraron. </ P>
<P class = "myLetterSpacing"> Jack y Jill bajaron el montículo. Y nunca más eran que encontraron. </ P>
