Consejos útiles

Barra espaciadora html

  1. 1 Inserte un espacio que no se rompa. De manera predeterminada, HTML muestra solo un espacio entre palabras, sin importar cuántas veces se haga clic en él. Para agregar espacio adicional, escriba o. Con este código, puede mostrar un personaje llamado "espacio inextricable".
    • Un espacio que no se rompe no permite romper una línea en este lugar. No abuses de este personaje, de lo contrario será difícil para los navegadores insertar saltos de línea de una manera clara y comprensible.
  2. 2 Inserte espacios de diferentes anchos. También hay otros caracteres que le dicen al navegador que muestre un espacio. Los diferentes navegadores los muestran de manera diferente, pero, a diferencia, no deberían afectar los saltos de línea:
    • - Lleva el nombre del bloque "N" de una imprenta manual. Un espacio de longitud N es aproximadamente igual a la longitud de dos espacios estándar.
    • - Un espacio de longitud "M" es aproximadamente igual a la longitud de cuatro espacios estándar.
  3. 3 Simule un carácter de tabulación utilizando espacios inextricables. Para reproducir el párrafo, inserte varios espacios que no se rompan en una fila: Este método es el único para HTML, pero si tiene acceso a CSS (que se describe en otro paso), entonces no será útil para usted.
    • Si necesita insertar un párrafo con un diseño de texto complejo,.
  4. 4 Sangría a la derecha con CSS. Las sangrías o los campos en CSS envían directamente un comando de visualización al navegador, por lo que el resultado de este comando es más consistente. El proceso de agregarlo es bastante simple, incluso si no está familiarizado con CSS y no tiene una hoja de estilo. Aquí hay un ejemplo de desplazamiento a la derecha de todo el párrafo:
    • Pegue el siguiente código en el segmento de su documento HTML:

"P.indent" define el tipo de párrafo (etiqueta "p") de la etiqueta con el nombre "sangría" (puede usar cualquier nombre). El resto del código agrega espacios a la izquierda de estos párrafos. Ahora regrese al cuerpo de su documento HTML. Cada vez que quiera sangrar, póngalo en estas etiquetas:

  • Para ajustar la sangría, cambie el número "1.8" en el CSS. Guarde el código "em", ya que es una medida de la longitud asociada con el tamaño de fuente.
  • Parte 2 Agregar sangrías más anchas

    1. 1 Use texto preformateado. Dentro de las etiquetas, cualquier pulsación del espacio o la tecla Intro se mostrará como se esperaba. Úselos para proporcionar ejemplos de código, versículos o cualquier otro texto en el que el espaciado y los saltos de línea sean importantes.
      • La principal desventaja del texto preformateado es su escala. A diferencia del HTML normal, no ajustará su tamaño en relación con el tamaño de la ventana del usuario.
    2. 2 Insertar saltos de línea. Etiqueta
      Fuerza un salto de línea. Con algunas etiquetas, puede crear líneas en blanco. Esto es ideal para aquellos que recién comienzan a familiarizarse con HTML, pero tan pronto como se familiaricen con CSS, es mejor olvidarse de este método de formateo forzado.
    3. 3 Etiquete los párrafos con la etiqueta "p". Disponibilidad de etiqueta

    alrededor del texto indica un párrafo. La mayoría de los navegadores separan los párrafos con una línea en blanco, pero no garantizan la precisión del estilo.

    Tabla de espacios con códigos html

    u0020interword, se imprime con el botón Espacio

    u00A0interword, inextricable
    u2009delgado
    u202fdelgada, inextricable
    & hairsp, u200Apeludo (espacio muy corto)
    u200Bsin ancho, si es necesario lleva la palabra
    ­ u00ADsin ancho, si es necesario transfiere la palabra, agregando un guión
    & NoBreak, u2060sin ancho, inextricable
    es igual a dos espacios estándar
    u2003es igual a cuatro espacios estándar
    & numsp, u2007igual al ancho del dígito, si todos los dígitos son del mismo ancho, inextricable
    & puncsp, u2008es igual al ancho de coma
    y en blanco u2423designación de símbolo

    Una característica distintiva de un espacio inextricable es que cuando se ajusta una palabra, parece adherirse a la palabra anterior y puede transferirse a una nueva línea solo en su totalidad.

    Para resumir, recomiendo usar las tres opciones para códigos html-space:

    Pon un espacio en html

    En cómo poner un espacio en html, no debería haber problemas, ya que el navegador lo interpreta y lo muestra, pero solo si el espacio entre las palabras es único. La pregunta surge de inmediato: “¿Cómo hacer un espacio en html cuando es necesario poner más de un espacio entre palabras? ".

    En el lenguaje de marcado de hipertexto, hay tres opciones para escribir un espacio en html:

    La funcionalidad de un espacio estrecho y amplio queda clara por su nombre. Considere el código de espacio html, que se llama inextricable.

    Espacio que no rompe

    El espacio sin interrupciones es una de la lista de caracteres html especiales:

    Hola, te estoy enviando!
    Con un espacio inextricable!

    El nombre del carácter especial contiene la abreviatura nbsp, del espacio ininterrumpido en inglés. El nombre implica que este es un espacio intolerable. No permite que el navegador ajuste (divida) la cadena en el punto de uso. De ahí el tercer nombre, un espacio indivisible:

    • Al escribir iniciales y apellidos (N. & nbsp V. & nbsp Gogol),
    • En el tratamiento abreviado (Ms. & nbsp Petrova),
    • En la designación de los párrafos (No. & nbsp 9),
    • Al escribir una versión de un producto de software (android & nbsp 4.4 & nbsp kitkat),
    • Al escribir números de varios dígitos (3 y nbsp 231 y nbsp 821 y nbsp bytes).

    Esta no es una lista completa de la aplicación de una brecha inextricable en los lugares donde la imprenta lo requiere, sino solo los puntos principales.

    Largo espacio en html

    ¿Qué hacer cuando es necesario mostrar un carácter de espacio en html más largo que un estándar?

    En base a lo anterior, podemos sacar la siguiente conclusión: para mostrar el carácter de espacio en html de la longitud deseada, se utilizan caracteres especiales: & ensp, & emsp, & nbsp. Debe comprender que para crear un espacio largo e inextricable entre los caracteres, debe usar & nbsp; de lo contrario, el navegador puede transferir el carácter después del espacio a la siguiente línea.

    Mira el video: Como hacer un menu desplegable con HTML y CSS (Enero 2020).