Cómo Insertar Un Espacio En Html

Tabla de contenido:

Cómo Insertar Un Espacio En Html
Cómo Insertar Un Espacio En Html

Video: Cómo Insertar Un Espacio En Html

Video: Cómo Insertar Un Espacio En Html
Video: Tutorial de HTML 5: Saltos de línea y espacios 2024, Noviembre
Anonim

La inserción de un espacio en el html es necesaria para la correcta visualización del texto en la página web de acuerdo con los efectos concebidos por el autor. Dependiendo de la complejidad de la tarea, puede usar tanto espacios ordinarios que no se rompen como controlar el número de espacios usando propiedades css.

Cómo insertar un espacio en html
Cómo insertar un espacio en html

Es necesario

editor de html

Instrucciones

Paso 1

Si necesita insertar un espacio ordinario entre palabras (obtenido al presionar la tecla Espacio), no necesita realizar ninguna acción especial; cualquier número de espacios ordinarios consecutivos en el código html se verá como uno en la página web.

Paso 2

Para mantener el número exacto de espacios entre palabras, reemplace cada espacio regular con " (sin comillas): este es el código de espacio que no se separa en html. Por ejemplo: "Hay dos espacios entre cada palabra". Se inserta un espacio sin interrupciones entre dos palabras para que no se separen al pasar a otra línea. Para la colocación automática de espacios que no se rompan en el texto, es conveniente utilizar la conocida herramienta de Artemy Lebedev - "Typograf" (https://www.artlebedev.ru/tools/typograf/).

Paso 3

Otra forma de insertar la cantidad deseada de espacios en html entre palabras: incluya la parte deseada del texto en etiquetas y. Luego, las palabras se mostrarán en una fuente monoespaciada, pero todos los espacios habituales entre palabras se conservarán cuando se muestren en la página web. Tenga en cuenta que la etiqueta tiene algunas peculiaridades: algunas otras etiquetas no están permitidas dentro de ella: y ,,,,.

Paso 4

Un método más complejo para controlar el manejo de los espacios en blanco: use la propiedad css de espacio en blanco con el valor pre o pre-wrap (sin ajuste de línea dentro del elemento y con ajuste de línea, respectivamente). Especifique esta propiedad en la descripción del estilo de la página o en un elemento de diseño html separado. Cuando se utiliza este método, la fuente no cambia a monoespaciado y se conserva el número de espacios entre palabras. Ejemplo: ¿Cómo inserto un espacio en el código html? O:.free_spaces {espacio en blanco: pre-wrap;} … ¿Cómo inserto un espacio en el código html?

Recomendado: