cómo agregar espacio en Html

en HTML, podemos agregar fácilmente el espacio en el documento utilizando las siguientes formas diferentes:

  1. usando Html
  2. 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:


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir a la barra de herramientas