Un tutorial HTML sobre el espacio en blanco

HTML comprime espacios dentro del código fuente, así que no importa cuántos espacios haces, sólo aparece un espacio en la página representada. Del mismo modo, el "Enter" o "Return" clave no se reconoce en absoluto. Los espacios en blanco deben ser codificados en HTML con el fin de instruir correctamente el navegador para visualizar el espacio.

Espacio irrompible

El espacio de no separación es la forma más sencilla de añadir espacios adicionales a su documento HTML. La no separación significa que el contenido de ambos lados del espacio, permanecerá unida. Puede agregar un espacio de no separación mediante la inserción de la entidad espacio de no separación - & nbsp; - En el código fuente del documento. Una instancia de la entidad crea un espacio, como si se hubiera golpeado la barra espaciadora en un documento de texto normal. Si quieres dos espacios al final de una frase, deberá pulsar la barra espaciadora y luego añadir la entidad espacio de no separación. Esto funciona porque HTML reconoce la primera vez que se pulsa la barra espaciadora.

Los párrafos en blanco

Se puede simular retornos de carro, poniendo etiquetas de párrafo en blanco en el código. Esta es una forma "perezosa" y no estándar para crear el espacio, pero es rápido y simple. La letra "p" entre paréntesis angulares es la etiqueta de párrafo. Al igual que otras etiquetas HTML, que se cierra mediante la adición de una barra antes de la "p". Por lo tanto, insertar "<p> </ p>" sin las comillas en el código. Con tal que el código CSS del documento no invalidan esto, se creará unas pocas líneas de espacio en blanco para usted.

Saltos de línea

Otra forma de crear líneas en blanco en HTML es mediante el uso de la etiqueta de salto de línea. Añadir "
"Sin las comillas en el código. Esto trae su contenido a la siguiente línea. Si usted está buscando para pasar unas pocas líneas, es posible añadir varios saltos de línea, uno detrás de otro.

Relleno

Aunque un poco más complicado de ejecutar, el relleno es la forma más sofisticada para crear un espacio en blanco en HTML. Se ejecuta mediante la especificación de un "guión" de un margen determinado, como izquierda, derecha, arriba o abajo. En primer lugar, añadir una etiqueta span alrededor del contenido para ser rellenada:

<Span style> Coloque el contenido aquí. </ Span>

A continuación, especifique la ubicación del relleno y la cantidad a añadir:

<Span style = "padding-left: 10px"> Contenido aquí </ span>

Puede sustituir cualquier otra dirección para "padding-left" y "10px" se puede cambiar a cualquier otra medida de píxel.