Cómo insertar espacios en HTML

Autor: Joan Hall
Fecha De Creación: 28 Febrero 2021
Fecha De Actualización: 28 Junio 2024
Anonim
Part 65 - C# Tutorial - Indexers in c#
Video: Part 65 - C# Tutorial - Indexers in c#

Contenido

1 Abra un documento HTML. Esto se puede hacer en un editor de texto normal como el Bloc de notas o TextEdit en Windows. También puede utilizar un editor de archivos HTML como Adobe Dreamweaver. Para abrir un documento HTML:
  • Navegue hasta el documento HTML en Explorer (Windows) o Finder (macOS).
  • Haga clic derecho en el documento HTML deseado.
  • Coloca el cursor sobre Abrir con.
  • Seleccione el programa en el que desea editar el documento.
  • 2 Haga clic en espaciopara agregar un espacio regular. Coloque el cursor donde desea insertar un espacio y luego presione la tecla "Espacio". En HTML, solo aparecerá un espacio entre las palabras, incluso si pulsa el espacio varias veces.
  • 3 Ingresar para agregar un espacio extra. Se llama espacio sin rupturas porque no permite una nueva línea.
    • Por ejemplo, si ingresa Hola a todos, entre las palabras "Hola" y "¡a todos!" se insertará un espacio extra.
    • Tenga en cuenta que demasiados espacios sin interrupciones evitarán que el navegador realice saltos de línea en los lugares correctos, lo que dificultará la lectura del texto.
    • También puede ingresar  para insertar un espacio.
  • 4 Inserte espacios de diferentes longitudes. Si desea insertar un espacio más largo, use una de las siguientes opciones:
    • Dos espacios - ingresar
    • Cuatro espacios - ingresar
    • Sangría (espaciado de tabulación) - ingresar
  • Método 2 de 3: CSS

    1. 1 Abra un documento HTML o CSS. El código CSS puede insertarse en el encabezado de un documento HTML o guardarse como un archivo CSS externo.
      • El encabezado del documento HTML se encuentra en la parte superior del archivo, entre las etiquetas "head>" y "/ head>".
    2. 2 Crea una sección de estilo para CSS. La sección de estilo se encuentra al principio del código HTML o en una hoja de estilo separada.Utilice las siguientes etiquetas para crear una sección de estilo en un documento HTML o una hoja de estilo.
      • Ingresar estilo>para abrir la sección de estilo. Todo el código CSS irá después de esta etiqueta.
      • Ingresar / estilo>para cerrar la sección de estilo. Todo el CSS debe colocarse antes de esta etiqueta de cierre.
    3. 3 Ingrese la siguiente etiqueta en la sección de estilo:p {sangría-texto: 5em;} Esto le dice al navegador que lo sangra con 5 espacios (en el HTML correcto).
      • Para establecer el número de espacios, cambie el número después de "indent-text:".
      • El elemento "em" coincide con un espacio con el tamaño de fuente especificado. Se pueden utilizar otras unidades, como porcentaje ("Texto de sangría: 15%;") o milímetros ("Texto de sangría: 3 mm;").
    4. 4 Ingresar p> donde desea agregar sangría. Haga esto dentro del documento HTML donde desea aplicar la sangría. El texto se sangrará de acuerdo con las especificaciones de CSS.

    Método 3 de 3: texto con formato previo

    1. 1 Abra un documento HTML. Esto se puede hacer en un editor de texto normal como el Bloc de notas o TextEdit en Windows. También puede utilizar un editor de archivos HTML como Adobe Dreamweaver. Para abrir un documento HTML:
      • Navegue hasta el documento HTML en Explorer (Windows) o Finder (macOS).
      • Haga clic derecho en el documento HTML deseado.
      • Coloca el cursor sobre Abrir con.
      • Seleccione el programa en el que desea editar el documento.
    2. 2 Ingresar pre> antes del texto que desea preformatear. Esta es la etiqueta de apertura para texto preformateado.
    3. 3 Ingrese el texto según lo previsto después de la etiqueta "pre>". Al formatear previamente el texto, los espacios y saltos de línea creados al presionar Enter se mostrarán en la página HTML.
    4. 4 Ingresar / pre> al final del texto. Esta es la etiqueta de cierre para texto preformateado.

    Consejos

    • Si el navegador muestra espacios como caracteres incomprensibles, lo más probable es que se deba a datos adicionales; se almacenan en formato de procesamiento de texto y no se muestran en la pantalla. Para evitar esto, trabaje en un editor de texto normal como el Bloc de notas o TextEdit.
    • CSS es una forma mucho más poderosa y predecible de crear el diseño de una página web, incluido el espaciado de palabras.
    • Un espacio que no se separa es un ejemplo de una entidad de carácter; es un código que se refiere a un carácter que no se puede ingresar desde el teclado.

    Advertencias

    • Símbolo HTML para Tab ↹ (pestañas) no funciona como mucha gente piensa. No hay tabulaciones en un archivo HTML normal, por lo que ingresar este carácter no hará nada.
    • Ingrese HTML en un editor de código o archivo de texto sin formato en lugar de un editor de texto potente.