Como recuar no HTML

Como recuar no HTML
Como todos sabemos que os documentos HTML são muito semelhantes aos documentos do MS Word, mas a única diferença é que o HTML é usado para criar páginas da web enquanto o MS Word é usado para criar arquivos de documento simples. Você já se perguntou como formatamos o texto como o ms word em html? Na msword, recuamos o texto e os parágrafos, mas e se quisermos recuar um parágrafo e texto em html?

O indentação HTML das tags de código é realizado manualmente, enquanto o conteúdo HTML pode ser recuado usando várias propriedades CSS. Esta postagem tem como objetivo recuperar o texto em HTML e serve os seguintes resultados:

  • Como recuar no HTML
  • Como recuar no HTML usando pré -tag
  • Como recuar no HTML usando a propriedade Margin-Left
  • Como recuar no HTML usando a propriedade indentada de texto

Como recuperar o texto em html

Indentação é o processo de definir os espaços da esquerda ou da direita do parágrafo. No HTML, existem três abordagens para recuar no HTML:

 tag, e .

Todas as abordagens acima têm funcionalidades e sintaxe diferentes, então vamos cavar nelas e explorar cada abordagem uma por uma.

Como recuar em html usando o

 marcação

Em HTML, podemos usar o

 tag para recuar porque o 
 Tag exibe o texto como foi escrito no código -fonte.

Exemplo



Indentação HTML



Este parágrafo é escrito para aplicar o recuo nele. Em html
O indentamento é algo que não é necessário porque os navegadores automaticamente
Remove os espaços brancos extras, mas se você quiser fazer seu texto parecer bom
Para o leitor, então o recuo é útil para você.


No exemplo acima, usamos

 tag e está envolvido em torno de algum texto.

Saída

Observa -se a partir da saída que o parágrafo é exibido como foi escrito no código -fonte.

Como recuar no HTML usando a propriedade Margin-Left

Também podemos usar a propriedade CSS Margin-Left para recuperar o texto em HTML. O exemplo a seguir o ajudará a entender melhor.

Exemplo



Indentação HTML



Este parágrafo é escrito para aplicar o recuo nele. No recuo html, é algo que não é necessário porque os navegadores remove automaticamente os espaços brancos extras, mas se você quiser fazer seu texto parecer bom
Para o leitor, então o recuo é útil para você.



No exemplo acima, usamos a propriedade CSS Margin-Left

tag para recuar em html. O valor da propriedade Margin-Left está definido como 50px.

Saída

Esta saída mostra que a propriedade Margin-Left adiciona espaço à esquerda do parágrafo e move todo o parágrafo para a direita.

Como recuar no HTML usando a propriedade de recuo de texto

A propriedade indentada por texto adiciona espaço à esquerda da primeira linha de um parágrafo para recuperar em HTML. O exemplo a seguir o ajudará a entender melhor.

Exemplo



Indentação HTML



Este parágrafo é escrito para aplicar o recuo nele. No recuo html, é algo que não é necessário porque os navegadores remove automaticamente os espaços brancos extras, mas se você quiser fazer seu texto parecer bom
Para o leitor, então o recuo é útil para você.



No exemplo acima, usamos a propriedade Indent CSS em

Saída

Esta saída mostra que a propriedade indentada por texto adiciona espaço à esquerda da primeira linha do parágrafo para recuar o parágrafo.

Conclusão

No HTML, o indentamento é feito com a ajuda de propriedade indentada por texto,

 propriedade de etiqueta e margem-esquerda.Seu artigo pretende demonstrar vários métodos para recuperar o indentação HTML, aumenta a legibilidade do conteúdo. No entanto, é inútil para os navegadores que ignoram os espaços brancos e as quebras de linha se você não usar as técnicas de indentação em HTML.