Espaço de guias em vez de vários espaços não quebrantes ?

No desenvolvimento da web, os espaços são adicionados nos documentos HTML, utilizando o “”Código da entidade, que também é chamado de espaço sem quebra. Em alguns casos, é necessário adicionar vários espaços não quebrantes no documento, como o espaço da guia, é necessário. Portanto, vários códigos de entidade “” podem afetar a sequência de código e a limpeza do documento.

Para resolver essas questões, existem várias outras maneiras de incluir vários espaços não quebrantes no documento HTML, como “

","”Elementos, CSS“margem-esquerda","preenchimento-esquerdaPropriedades, e muito mais. 
 
Este estudo vai te ensinar:
 
 
Como adicionar espaços usando o código da entidade ""?
 
Como adicionar espaço de guia usando o elemento HTML “”?
 
Como adicionar espaço de guia usando html “
" Elemento?
 
Como adicionar espaço de guia usando a propriedade CSS "Margin-Left"?
 
 
Primeiro, vamos percorrer um exemplo que implementa “”Para adicionar espaços no documento HTML. Em seguida, passa gradualmente pelas ilustrações para demonstrar diferentes métodos para adicionar espaço. 
 
Como adicionar espaços usando o código da entidade "" em html?
 
Para adicionar espaços usando “”Na página HTML, siga as etapas fornecidas:
 
 
Adicione um elemento div e atribua -lhe uma classe “artigo”. 
 
Depois disso, coloque um “
”Elemento para o título.
 
Então, adicione o “
”Elemento para adicionar um parágrafo. No início do parágrafo, os espaços são adicionados indicando o código da entidade “”:
 
 
Conhecimento é poder

     O conhecimento é o poder significa que um homem instruído tem controle total sobre sua vida através da força do conhecimento. 

 
Pode -se observar que os espaços foram adicionados com sucesso no início do parágrafo:
  
Como adicionar espaço de guia usando o elemento HTML “”?
 
O html “”É um elemento embutido que é utilizado para marcar uma parte de um documento. No exemplo em andamento, adicionamos o elemento com o “aba" eu ia. Este elemento é estilizado no CSS para produzir espaço:
 
Conhecimento é poder

  O conhecimento é o poder significa que um homem instruído tem controle total sobre sua vida através da força do conhecimento.

 
Estilo “artigo” div
 .artigo 
margem: automático;
Largura: 400px;
preenchimento: 10px;
 
O ".artigo"É usado para acessar o"”Tags, que são então aplicadas com as seguintes propriedades:
 
 
““largura”Propriedade determina a largura do elemento.
 
““margem”Propriedade determina a altura do elemento.
 
““preenchimento”Gera espaço em torno do conteúdo do elemento.
 
 
ID do estilo “guia”
 #aba 
preenchimento-esquerda: 8px;
 
O "#aba" Acesse o "aba”Id do elemento e aplique o“preenchimento-esquerda”Propriedade nele.
 
Saída 
 
 
Como adicionar espaço de guia usando html “
" Elemento?
 
O "
”O elemento define o texto pré-formatado. O texto dentro do 
 o elemento é exibido na página da web como é.
 
Visão geral O exemplo, criando primeiro a página HTML:
 
 
Adicione o "
”Elemento para definir um título de nível dois para o documento.
 
Então, adicione o “
”Tag, e especifique o conteúdo com a formatação desejada:
 
 
HTML pré -tag


Função Productfunção (P1, P2) 
retornar P1 * p2;

 
Saída
 
 
Como adicionar espaço de guia usando a propriedade CSS "Margin-Left"?
 
Para adicionar espaço de guia usando o CSS “margem-esquerdaPropriedade, siga o procedimento fornecido:
 
 
Primeiro, inclua um elemento div no documento e atribua uma classe “imagens”. 
 
Dentro deste elemento div, adicione outros dois elementos de div, juntamente com a classe “IMG-1" e "IMG-2”Respectivamente.
 
Cada um desses dois elementos de div contém imagens especificadas usando o “" marcação. 
 
Esses "”As tags estão associadas ao“src" e "largura" atributos. O atributo "SRC" especifica o URL da imagem, e o atributo "largura" ajusta a largura da imagem. 
 
 
Aqui está o código HTML do cenário acima discutido:
 






 
A página HTML ficará assim:
 
 
Vamos mudar em direção à seção CSS para adicionar vários espaços ao “IMG-2”Classe sem usar vários espaços não quebrantes.
 
Estilo “imagens” div
 .imagens 
Largura: 500px;
margem: automático;
 
O ".imagens”É usado para acessar a div html que contém o“imagens" aula. A explicação das propriedades acima mencionadas é a seguinte:
 
 
““largura”Propriedade determina a largura do elemento.
 
““margem”Propriedade determina o espaço ao redor dos lados do elemento.
 
 
Estilo “img-2” div
Acesse o elemento div usando o “.IMG-2”:
 .IMG-2 
margem-esquerda: 30px;
 
O "margem-esquerda”Propriedade com uma“30px”O valor é aplicado ao elemento HTML Div com classe“IMG-2”. Esta propriedade adicionará espaço de 30 px à esquerda do elemento.
 
Aqui, o resultado mostra que a segunda imagem é aplicada com algum espaço no início:
  
Elaboramos a adição de espaços de guias em vez de usar vários espaços não quebrantes “”.
 
Conclusão
 
Em HTML, o “”O código da entidade é comumente utilizado para adicionar espaço sem quebra no documento. Para evitar o uso deste código de entidade várias vezes, existem outras maneiras de adicionar espaço na guia em um documento. Esses métodos incluem o uso de html “
","”Elementos,“margem-esquerdaPropriedade, e muito mais. Este blog mencionou várias maneiras que ajudam a adicionar espaços de guias no documento HTML em vez de adicionar vários códigos de entidade "".