Cómo insertar espacios en HTML

PDF download Descargar el PDF
Coescrito por Jessica Andzouana

PDF download Descargar el PDF

Este wikiHow te enseñará cómo insertar espacios y saltos de línea en HTML. En HTML, aunque presiones la barra espaciadora más de una vez, aparecerá solo un espacio. Por este motivo, deberás recurrir a algunas etiquetas si quieres insertar más de un espacio a la vez.

Método 1
Método 1 de 3:

Usar HTML

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Los documentos HTML se pueden editar en editores como el Bloc de notas en Windows o TextEdit en computadoras Mac. También puedes usar editores HTML como Adobe Dreamwever. Sigue estos pasos para abrir un documento HTML.
    • Ve a la ubicación del documento usando el Explorador de archivos en Windows o Finder en una Mac.
    • Haz clic derecho en el documento HTML que quieras editar.
    • Pasa el cursor sobre la opción Abrir con .
    • Haz clic en el programa con el cual quieras editar el documento.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si quieres agregar un espacio normal, haz clic en donde quieras agregarlo y presiona la barra espaciadora. Los HTML normalmente muestra un solo espacio entre cada palabra independientemente de las veces que presiones la barra espaciadora.
  3. Watermark wikiHow to insertar espacios en HTML
    Esto se conoce como espacio duro porque evita que se produzca un salto de línea en esa ubicación. [1]
    • Por ejemplo, si escribes ¡Hola &nbsp; amigos! se agregará un espacio adicional entre "¡Hola" y "amigos!".
    • Si abusas de este carácter, los navegadores tendrán problemas para insertar saltos de línea en forma ordenada y legible. [2]
    • También puedes forzar un espacio escribiendo &#160; .
  4. Watermark wikiHow to insertar espacios en HTML
    Puedes insertar espacios más anchos usando alguna de las siguientes opciones: [3]
    • Espacio doble : escribe &ensp;
    • Espacio cuádruple : escribe &emsp;
    • Sangría : escribe &nbsp;&nbsp;&nbsp;&nbsp;
    Anuncio
Método 2
Método 2 de 3:

Usar CSS

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    El código CSS se puede insertar en el encabezado de un documento HTML o en un documento CSS separado .
    • El encabezado de un documento HTML va en la parte superior del archivo. Se encuentra entre las etiquetas "<head>" y "</head>".
  2. Watermark wikiHow to insertar espacios en HTML
    La sección de estilo va en el encabezado del código HTML o en una hoja de estilos separada. Utiliza las siguientes etiquetas para crear una sección de estilo en un HTML o en un documento de hojas de estilo.
    • Escribe <style> para abrir la sección de estilo. Todo el código CSS va después de esta etiqueta.
    • Escribe </style> para cerrar la sección de estilo. Todo el código CSS va antes de esta etiqueta.
  3. Watermark wikiHow to insertar espacios en HTML
    . Este código le indicará al navegador que debe crear una sangría de 5 espacios en las ubicaciones correspondientes de tu código HTML.
    • Puedes ajustar la cantidad de espacios escribiendo otro número después de
    • La unidad "em" es el equivalente a un espacio con el tamaño de la fuente seleccionada. Puedes usar otras unidades como porcentaje (por ejemplo, "indent-text: 15%;") o medidas (por ejemplo, "indent-text: 3mm;").
  4. Watermark wikiHow to insertar espacios en HTML
    Esto va en el cuerpo del documento HTML, en cualquier lugar donde quieras agregar una sangría en el texto. La sangría se agregará de acuerdo a las especificaciones del código CSS.
    Anuncio
Método 3
Método 3 de 3:

Usar texto preformateado

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Los documentos HTML se pueden editar en editores como el Bloc de notas en Windows o TextEdit en computadoras Mac. También puedes usar editores HTML como Adobe Dreamwever. Sigue estos pasos para abrir un documento HTML.
    • Ve a la ubicación del documento usando el Explorador de archivos en Windows o Finder en una Mac.
    • Haz clic derecho en el documento HTML que quieras editar.
    • Pasa el cursor sobre la opción Abrir con .
    • Haz clic en el programa con el cual quieras editar el documento.
  2. Watermark wikiHow to insertar espacios en HTML
    Esta es la etiqueta de apertura de texto preformateado.
  3. Watermark wikiHow to insertar espacios en HTML
    Cuando preformateas un texto, todos los espacios creados presionando "Enter" se muestran exactamente como están en la página HTML. [4]
  4. Watermark wikiHow to insertar espacios en HTML
    Así cerrarás la sección de texto preformateado.
    Anuncio

Consejos

  • Si los espacios se convierten en símbolos extraños en el navegador web, posiblemente se deba a otros datos adicionales almacenados como parte del formato de procesamiento de texto que no se ha creado con el propósito de mostrarlo en línea. Esto se puede evitar usando editores de texto plano como el Bloc de notas o TextEdit.
  • CSS es una forma mucho más potente e intuitiva para ajustar los aspectos del diseño de página, incluyendo el espaciado del texto.
  • El espacio duro &nbsp; es un ejemplo de entidad de carácter, que es un código que referencia a un carácter que no se puede escribir con el teclado.
Anuncio

Advertencias

  • El carácter HTML de Tab ↹ &#09; no funciona como probablemente imagines. Los documentos HTML estándares no tienen paradas de tabulación, por lo que ese carácter no hace nada.
  • Escribe el código HTML siempre en un editor de código de texto plano y no en un formato de archivo de procesamiento de texto.
Anuncio

wikiHows relacionados

4 formas de agregar un enlace a una imagen
Cómo
hacer una página web en HTML
Cómo
establecer el color de fondo en HTML
Cómo
ejecutar un archivo HTML en Visual Studio Code
Cómo
cambiar el color de botón en HTML
Cómo
crear una calculadora usando HTML
Cómo crear una línea horizontal en HTML
Cómo
editar archivos HTML
Cómo
centrar una imagen en HTML
Cómo
insertar imágenes con HTML
Cómo
crear un enlace de correo electrónico en HTML
Cómo
hackear una página web con HTML
Cómo
hacer que el texto parpadee en HTML
Cómo
cambiar el color del texto en HTML
Anuncio

Referencias

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ https://www.w3.org/TR/html401/struct/text.html# edef-PRE

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 589 997 visitas.

¿Te ayudó este artículo?

Anuncio