Breaks & Spacacing da linha HTML | Explicado

Um parágrafo é composto por uma sequência de frases que definem um tópico específico. Pode consistir em espaços de linha e quebras de linha. Os parágrafos devem ser organizados e coerentes e relacionados ao tópico. Quando codificamos um parágrafo em HTML, os espaços e quebras de linha não aparecem na página da web. Para que isso aconteça, vários elementos HTML servem ao propósito.

Os resultados deste blog são:

• Como adicionar um parágrafo em html?
• Como adicionar quebras de linha e espaçamento em html?
• Como exibir texto pré -formado em html?

Como adicionar um parágrafo em html?

Em html, dentro do elemento corporal, crie um elemento div com o nome da classe “principal”. Este elemento contém

tag para adicionar algum conteúdo à página HTML.

Aqui está o código:

Bem -vindo ao Linuxhint

Vamos aplicar propriedades de estilo CSS aos elementos HTML.

Estilo div

.principal
Largura: 400px;
Background-Color: Bisque;
Altura: 150px;
margem: automático;
Alinhamento de texto: centro;
preenchimento: 60px;
Fonte-família: Verdana, Genebra, Tahoma, Sans-Serif;
Size da fonte: 20px;
intensidade da fonte: Negrito;

As propriedades aplicadas à principal são explicadas abaixo:

• ““largura”Propriedade define a largura do elemento div para 400px.
• ““cor de fundo”Propriedade define/aplique a cor de fundo ao bisque.
• ““altura”Propriedade define a altura do elemento div para 150px.
• ““margem"Com valor"auto”Coloca espaço igual ao redor do Div Main.
• ““alinhamento de texto”Propriedade alinha o texto no centro ou no meio do elemento.
• ““preenchimento”Atributo com o valor“60px”Adiciona/inclui espaços de 60 px em torno do conteúdo do elemento.
• ““família de fontes”É definido como Sans-Serif, Genebra, Verdana, Tahoma. Esta lista de estilos é fornecida para garantir que, se o navegador não suportar o primeiro estilo, outros serão aplicados.
• ““tamanho da fonte”A propriedade ajusta o tamanho do texto para 20px.
• ““espessura da fonte”Propriedade com o valor em negrito torna a fonte ousada.

Saída

Então, a imagem mostra claramente que não existe quebra de linha.

Como adicionar quebras de linha e espaçamento em html?

O html “
”Tag, conhecido como“quebra de linha”Elemento, adiciona uma pausa entre as linhas do parágrafo.

Analise o exemplo abaixo!

Exemplo 1: Adicione quebras de linha e espaçamento em uma linha simples
O código HTML acima é modificado ao fornecer o
tag no

Elemento como este:

Bem-vindo ao
Linuxhint

Como resultado, a quebra da linha será adicionada após as duas primeiras palavras do parágrafo:

No próximo exemplo, veremos a implementação prática de adicionar quebras de linha e espaçamento em um poema.

Exemplo 2: Adicione quebras de linha e espaçamento em um poema
Um poema consiste em quebras de linha para definir o ritmo do poema. Quebras de linha também servem a função de representar onde acelerar, desacelerar e mais. Então, nós usamos um poema como exemplo.

A primeira parte exibe apenas o poema sem quebras de linha e propriedades de espaçamento. Na próxima seção, adicionaremos as propriedades para ver a diferença:

'Esperança' é a coisa de penas -
Que fica na alma -
E canta a música sem dizer nada -
E nunca, nunca para -

Inicialmente, o poema será exibido como mostrado abaixo:

Agora, no final de cada linha, colocamos
tags e também adicionou um espaço de linha entre as linhas intencionalmente.

Html

'Esperança' é a coisa de penas -

Que fica na alma -

E canta a música sem dizer nada -

E nunca, nunca para -

Pode -se observar que o
Tag quebrou com sucesso a linha. Ainda assim, o espaço de uma linha não foi adicionado:

Para lidar com esta situação em particular, o html

 Tag pode ser utilizado.
 
Como exibir texto pré -formado em html?
 
O html “
”O elemento é utilizado para especificar o texto pré -formado e exibir o conteúdo como está escrito em html. Ele mantém as propriedades dos espaços de linha, bem como quebras de linha. 
 
Agora, adicione o código HTML anterior dentro do 
 marcação:
 

'Esperança' é a coisa de penas -
Que fica na alma -
E canta a música sem dizer nada -
E nunca, nunca para -
 
Saída
 
 
Então, dessa maneira, podemos fornecer espaços de linha e quebras em nossa página HTML.
 
Conclusão 
 
No HTML, os espaços e quebras de linha são omitidos. Para adicioná -los ao documento, utilize as quebras da linha HTML e os elementos do espaço. A quebra da linha pode ser especificada pelo “
”Tag, e para exibir o conteúdo com espaçamento e quebra de linha, o html“
”Tag é usado. Este blog ofereceu instruções para adicionar quebras de linha e espaço em um documento HTML.