HTML LINE Breaks & Spacing | Explicado

Un párrafo está compuesto por una secuencia de oraciones que definen un tema particular. Puede consistir en espacios de línea y saltos de línea. Los párrafos deben ser organizados y coherentes y relacionados con el tema. Cuando codificamos un párrafo en HTML, los espacios y los descansos de línea no aparecen en la página web. Para que esto suceda, varios elementos HTML tienen el propósito.

Los resultados de este blog son:

• Cómo agregar un párrafo en HTML?
• Cómo agregar saltos de línea y espaciado en HTML?
• Cómo mostrar el texto preformado en HTML?

Cómo agregar un párrafo en HTML?

En HTML, dentro del elemento del cuerpo, cree un elemento Div con el nombre de la clase "principal". Este elemento contiene

Etiqueta para agregar algo de contenido a la página HTML.

Aquí está el código:

Bienvenido a Linuxhint

Aplicemos propiedades de estilo CSS a los elementos HTML.

Estilo principal Div

.principal
Ancho: 400px;
Color de fondo: Bisque;
Altura: 150px;
margen: auto;
Text-Align: Center;
relleno: 60px;
Font-Family: Verdana, Ginebra, Tahoma, Sans-Serif;
tamaño de fuente: 20px;
Font-Weight: Bold;

Las propiedades aplicadas a la principal se explican a continuación:

• "ancho"La propiedad establece el ancho del elemento div a 400px.
• "color de fondo"Conjuntos de propiedades/Aplicar el color de fondo a Bisque.
• "altura"La propiedad establece la altura del elemento div a 150px.
• "margen"Con valor"auto"Coloca el mismo espacio alrededor del Div Main.
• "texto alineadoLa propiedad alinea el texto en el centro o en la mitad del elemento.
• "relleno"Atributo con el valor"60px"Agrega/incluye espacios de 60px alrededor del contenido del elemento.
• "Familia tipográfica"Está establecido como Sans-Serif, Ginebra, Verdana, Tahoma. Esta lista de estilos se proporciona para garantizar que si el navegador no admite el primer estilo, se aplicarán otros.
• "tamaño de fuente"La propiedad ajusta el tamaño del texto a 20px.
• "pescado"La propiedad con el valor en negrita hace que la fuente en negrita.

Producción

Entonces, la imagen muestra claramente que no existe un descanso de línea.

Cómo agregar saltos de línea y espaciado en HTML?

El html "
"Tag, conocida como el"ruptura de la línea"Element, agrega un descanso entre las líneas del párrafo.

Analice el ejemplo a continuación!

Ejemplo 1: Agregue saltos de línea y espaciado en una línea simple
El código HTML anterior se modifica proporcionando el
etiqueta en el

elemento como este:

Bienvenido a
Linuxhint

Como resultado, el descanso de la línea se agregará después de las dos primeras palabras del párrafo:

En el siguiente ejemplo, veremos la implementación práctica de agregar saltos de línea y espaciado en un poema.

Ejemplo 2: Agregar saltos de línea y espaciado en un poema
Un poema consiste en descansos de línea para establecer el ritmo del poema. Las roturas de línea también cumplen la función de representar dónde acelerar, reducir la velocidad y más. Entonces, hemos usado un poema como ejemplo.

La primera parte solo muestra el poema sin descansos de línea y propiedades de espaciado. En la siguiente sección, agregaremos las propiedades para ver la diferencia:

'Hope' es la cosa plumosa -
Que se sienta en el alma -
Y canta la melodía sin decir nada -
Y nunca, nunca se detiene -

Inicialmente, el poema se mostrará como se muestra a continuación:

Ahora, al final de cada línea, hemos colocado
etiquetas y también agregó un espacio de línea entre las líneas intencionalmente.

Html

'Hope' es la cosa plumosa -

Que se sienta en el alma -

Y canta la melodía sin decir nada -

Y nunca, nunca se detiene -

Se puede observar que el
La etiqueta ha roto con éxito la línea. Aún así, el espacio de una línea no se ha agregado:

Para manejar esta situación en particular, el HTML

 La etiqueta se puede utilizar.
 
Cómo mostrar el texto preformado en HTML?
 
El html "
El elemento se utiliza para especificar el texto preformado y mostrar el contenido tal como está escrito en HTML. Sostiene las propiedades de los espacios de línea, así como los descansos de línea. 
 
Ahora, agregue el código HTML anterior dentro del 
 etiqueta:
 

'Hope' es la cosa plumosa -
Que se sienta en el alma -
Y canta la melodía sin decir nada -
Y nunca, nunca se detiene -
 
Producción
 
 
Entonces, de esta manera, podemos proporcionar espacios de línea y descansos en nuestra página HTML.
 
Conclusión 
 
En HTML, se omiten los espacios y las salidas de línea. Para agregarlos al documento, utilice los descansos de la línea HTML y los elementos espaciales. El descanso de la línea puede ser especificado por el "
"Etiqueta, y para mostrar el contenido con espaciado y interrupciones de línea, el HTML"
Se usa la etiqueta. Este blog ofreció instrucciones para agregar saltos de línea y espacio en un documento HTML.