en HTML, podemos agregar fácilmente el espacio en el documento utilizando las siguientes formas diferentes:
- usando Html
- usando CSS interno
usando Html
si queremos agregar el espacio en el documento utilizando la etiqueta Html para mostrar el espacio antes y después del texto, entonces tenemos que seguir los pasos que se dan a continuación., Usando estos pasos, podemos agregar fácilmente el espacio:
Paso 1: en primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos agregar el espacio.
Paso 2: Ahora, coloque el cursor donde queremos añadir el espacio. Y, a continuación, tenemos que pulsar la barra espaciadora del teclado. Básicamente, la página web muestra solo un espacio entre las dos palabras. No importa cuánto hayamos presionado la barra espaciadora.,
Paso 3: Si queremos mostrar más de un espacio antes o después del texto en la página web, entonces tenemos que dar la siguiente etiqueta:
Paso 4: si queremos insertar/agregar el espacio más largo, también usamos las siguientes etiquetas para mostrar dos o cuatro espacios entre el texto en la página web:
Paso 5: También podemos agregar el <pre> etiqueta, que muestra el texto en la página web como el introducido en el documento HTML.,
Paso 6: Cuando hemos añadido el espacio correctamente en el documento, entonces tenemos que guardar el archivo Html y ejecutar el archivo.
la salida del código Html anterior se muestra en la siguiente captura de pantalla:
usando CSS interno
Si queremos agregar el espacio en el documento utilizando la hoja de estilos interna en cascada para mostrar el espacio antes y después del texto, tenemos que seguir los pasos que se dan a continuación. Usando estos pasos, podemos agregar fácilmente el espacio.,
Paso 1: en primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos usar el CSS interno para agregar el espacio.
Paso 2: Ahora, tenemos que colocar el cursor en la etiqueta principal del documento Html y luego definir los estilos dentro de la etiqueta <style> como se muestra en el siguiente bloque. Y, entonces tenemos que escribir el atributo text-indent en el elemento paragraph.,
Paso 3: Ahora, tenemos que escribir la etiqueta de párrafo y la clase tab1 en la etiqueta <pre> del Html. Y, por fin, tenemos que guardar el archivo Html y luego ejecutar el archivo.
Pruébelo ahora
la salida del código Html anterior se muestra en la siguiente captura de pantalla: