Descargar el PDFDescargar el PDF

Este How.com.vn 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

Descargar el PDF
  1. How.com.vn Español: Step 1 Abre un documento HTML.
    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. How.com.vn Español: Step 2 Presiona la barra espaciadora para agregar un espacio normal.
    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. How.com.vn Español: Watermark How.com.vn 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   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  .
  4. How.com.vn Español: Watermark How.com.vn to insertar espacios en HTML
    Puedes insertar espacios más anchos usando alguna de las siguientes opciones:[3]
    • Espacio doble: escribe  
    • Espacio cuádruple: escribe  
    • Sangría: escribe     
    Anuncio
Método 2
Método 2 de 3:

Usar CSS

Descargar el PDF
  1. How.com.vn Español: Step 1 Abre un documento HTML o CSS.
    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. How.com.vn Español: Watermark How.com.vn 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. How.com.vn Español: Watermark How.com.vn 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. How.com.vn Español: Watermark How.com.vn 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

Descargar el PDF
  1. How.com.vn Español: Step 1 Abre un documento HTML.
    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. How.com.vn Español: Watermark How.com.vn to insertar espacios en HTML
    Esta es la etiqueta de apertura de texto preformateado.
  3. How.com.vn Español: Watermark How.com.vn 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. How.com.vn Español: Watermark How.com.vn 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

Acerca de este How.com.vn

How.com.vn Español: Jessica Andzouana
Coescrito por:
Ingeniera de software
Este artículo fue coescrito por Jessica Andzouana. Jessica Andzouana es ingeniera de software que reside en el área de la Bahía de San Francisco. Con más de cinco de años de experiencia profesional en desarrollo frontend, arte digital y diseño, le apasiona las tecnologías emergentes tales como blockchain e inteligencia artificial. Su experiencia como programadora y artista, junto con una mentalidad altamente conciente en el diseño, le brinda una perspectiva nueva además de un conjunto de habilidades únicas para producir soluciones creativas en su campo. Trabaja en Alcacruz como ingeniera de software y recibió una doble licenciatura en Santa Clara en ciencias de la computación y arte de estudio. Este artículo ha sido visto 582 134 veces.
Categorías: HTML
Esta página ha recibido 582 134 visitas.

¿Te ayudó este artículo?

⚠️ Disclaimer:

Content from Wiki How Español language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Anuncio