Contenido

• Pasos
• Consejo
• Advertencia

Una gran cantidad de espacios que normalmente se crean utilizando espacios, teclas de tabulación y teclas de entrada se ignoran en los lenguajes de programación web. HTML los define a todos como espacios regulares entre palabras y muestra solo un espacio. Si bien CSS permite a los usuarios establecer más detalles sobre los espacios en blanco y la alineación, HTML no tiene algunas herramientas integradas para personalizar su espacio.

Pasos

Método 1 de 2: insertar espacios y pestañas individuales

1. 

   Los espacios de inserción no están rotos. Por lo general, HTML mostrará solo un espacio entre palabras, sin importar cuántas veces haya presionado la barra espaciadora. Para mostrar varios espacios contiguos, escriba o. Este código creará un carácter especial llamado "espacio sin ruptura" y siempre se muestra.
   • El carácter anterior se llama "espacio indestructible" porque evita que los saltos de línea estén en su lugar. Si abusa de este carácter, el navegador tendrá dificultades para insertar saltos de línea de forma ordenada y vertical.

2. 

   
   
   Inserte espacios con diferentes anchos. Hay algunos otros caracteres de entidad que requieren que el navegador muestre un espacio. La forma en que se muestran estos espacios en diferentes navegadores es un poco diferente; sin embargo, a diferencia de los siguientes códigos, los siguientes códigos no afectarán el salto de línea:
   • - lleva el nombre del espacio "N" de la impresora (unidad de medida), el espacio "en" es dos veces más ancho que el espacio normal.
   • - espacio "em", aproximadamente igual a cuatro espacios.

3. 

   
   
   Simula una pestaña con mucho espacio no destructivo. Para sangrar párrafos, puede insertar espacios indestructibles consecutivamente :. Esta es la única solución si solo usa HTML, pero si usa CSS (descrito por separado en el paso a continuación) será más corto.
   • Si hay una presentación compleja de texto, use la etiqueta pre.

4. 

   
   
   Alinear párrafos con CSS. Las propiedades de "margen" y "relleno" de CSS dan instrucciones directamente al navegador, por lo que los resultados mostrados serán más consistentes. Este método no es difícil de implementar, a menos que no sepa nada sobre CSS y su página no tenga una hoja de estilo. A continuación, se muestra un ejemplo de cómo mover un párrafo completo al margen derecho:
   • En la sección del documento HTML, inserte el siguiente código:
     
     donde: "p.indent" define un atributo de texto (etiqueta p) nombre "sangría" (puede usar otro nombre). El resto del código agrega la característica del espacio de "relleno" al lado izquierdo del párrafo.
   • Ahora, volvamos al cuerpo del documento HTML. Siempre que desee aplicar sangría a un párrafo (aún "sangría" en este ejemplo), coloque el párrafo en este código:
     

   • Para alinear el espaciado de sangría, cambie el número "1.8" en el código CSS. Mantenga "em" atrás ya que esta es la unidad de longitud asociada con el tamaño de fuente.
   anuncio

Método 2 de 2: configurar espacios más largos

1. 

   Utilice etiquetas preformateadas. Cualquier llave espacio bueno ↵ Entrar se ingresa en la tarjeta

   se mostrará exactamente como escribe. También puede utilizar esta etiqueta para presentar ejemplos, poemas o cualquier otro texto que requiera alta precisión en el espaciado y los saltos de línea.

   • La principal desventaja de las tarjetas preformateadas es el ancho. A diferencia del HTML normal, el texto preformateado no cambiará de tamaño para adaptarse al tamaño de la ventana del usuario.

2. 

   Crea un salto de línea. Tarjeta
   terminará la línea de texto actual. Puede crear líneas en blanco utilizando varias etiquetas de salto de línea. Para los estudiantes nuevos en HTML, este es un buen enfoque, pero si ha aprendido CSS, no se recomienda este formato HTML obligatorio.

3. 

   Identifica el párrafo con la etiqueta "p". La etiqueta alrededor del texto identifica ese párrafo. La mayoría de los navegadores separarán el párrafo con una línea en blanco, pero no puede garantizar un formato coherente para el texto. anuncio

Consejo

• La última vez que verifica la visualización en su página web, si ve caracteres redundantes en una posición inusual alrededor del fragmento, verifique si hay etiquetas incompletas, como <> en lugar de
  .
• CSS es una herramienta más potente y proactiva para presentar páginas web, incluido el espaciado del texto.
• Limite los espacios repentinos detrás de una etiqueta abierta o frente a una etiqueta cerrada. Por ejemplo, debes escribir Spaces Tutorial no espacios Tutorial .
• El espacio indestructible es un ejemplo de carácter de entidad: el código que representa un carácter que no se puede ingresar desde el teclado.

Advertencia

• El atributo HTML representa la clave Tab ↹ En realidad, no es tan eficaz como podría pensar. Un documento HTML estándar no tiene tabulaciones, por lo que el carácter de tabulación no tiene ningún efecto.
• Escriba siempre el lenguaje HTML en un editor de código o en un archivo de texto sin formato, no utilice formatos de procesamiento de archivos de texto. Si sus espacios se convierten en caracteres extraños en su navegador web, lo más probable es que se deba a un exceso de datos agregados por el procesador de texto, que no está diseñado para su visualización en línea.