Cómo sangrar en HTML

Cómo sangrar en HTML
Como todos sabemos, los documentos HTML son muy similares a los documentos de MS Word, pero la única diferencia es que HTML se usa para crear páginas web, mientras que MS Word se usa para crear archivos de documentos simples. ¿Alguna vez te has preguntado cómo formatamos el texto al igual que MS Word en HTML?? En Msword, enviamos texto y párrafos, pero ¿qué pasa si queremos sangrar un párrafo y un texto en HTML??

La sangría HTML de las etiquetas de código se realiza manualmente, mientras que el contenido HTML se puede sangrar utilizando varias propiedades CSS. Esta publicación tiene como objetivo el texto de sangría en HTML y sirve los siguientes resultados:

  • Cómo sangrar en HTML
  • Cómo sangrar en HTML usando pregel
  • Cómo sangrar en HTML usando propiedad de margen izquierda
  • Cómo sangrar en HTML utilizando la propiedad de texto de texto

Cómo sangrar el texto en HTML

La sangría es el proceso de definir los espacios desde la izquierda o la derecha del párrafo. En HTML, hay tres enfoques para sangrar en HTML:

 etiqueta, y .

Todos los enfoques anteriores tienen diferentes funcionalidades y sintaxis, así que profundicemos en ellas y exploremos cada enfoque uno por uno.

Cómo sangrar en html usando el

 etiqueta

En HTML, podemos usar el

 etiqueta para sangrar porque el 
 La etiqueta muestra el texto tal como estaba escrito en el código fuente.

Ejemplo



Html sangría



Este párrafo está escrito para aplicar la sangría en él. En html
La sangría es algo que no es necesario porque los navegadores automáticamente
Elimina los espacios blancos adicionales, pero si desea que su texto se vea bien
Para el lector, la sangría es útil para usted.


En el ejemplo anterior usamos

 etiqueta y está envuelto alrededor de algún texto.

Producción

Se observa a partir de la salida que el párrafo se muestra como se escribió en el código fuente.

Cómo sangrar en HTML utilizando la propiedad de margen-izquierda

También podemos usar la propiedad de margen-izquierda de CSS para sangrar el texto en HTML. El siguiente ejemplo lo ayudará a comprender mejor.

Ejemplo



Html sangría



Este párrafo está escrito para aplicar la sangría en él. En HTML, la sangría es algo que no es necesario porque los navegadores eliminan automáticamente los espacios blancos adicionales, pero si desea que su texto se vea bien
Para el lector, la sangría es útil para usted.



En el ejemplo anterior usamos la propiedad de margen-izquierda de CSS en

Etiqueta para sangrar en html. El valor de la propiedad de margen-izquierda se establece en 50px.

Producción

Esta salida muestra que la propiedad de margen-izquierda agrega espacio a la izquierda del párrafo y mueve todo el párrafo hacia la derecha.

Cómo sangrar en HTML utilizando la propiedad de sangría de texto

La propiedad de texto-indente agrega espacio a la izquierda de la primera línea de un párrafo para sangrar en HTML. El siguiente ejemplo lo ayudará a comprender mejor.

Ejemplo



Html sangría



Este párrafo está escrito para aplicar la sangría en él. En HTML, la sangría es algo que no es necesario porque los navegadores eliminan automáticamente los espacios blancos adicionales, pero si desea que su texto se vea bien
Para el lector, la sangría es útil para usted.



En el ejemplo anterior usamos la propiedad de texto de texto CSS en

Producción

Esta salida muestra que la propiedad de texto de texto agrega espacio a la izquierda de la primera línea del párrafo para sangrar el párrafo.

Conclusión

En HTML, la sangría se realiza con la ayuda de la propiedad de texto-indente,

 Etiqueta y propiedad de margen izquierda.Su artículo tiene como objetivo demostrar varios métodos para sangrar en la sangría HTML mejora la legibilidad del contenido. Sin embargo, es inútil para los navegadores HTMLBECHACE ignoran los espacios blancos y las roturas de línea si no usa las técnicas de sangría en HTML.