” tags, que é então aplicada com as seguintes propriedades:
- “ largura ” determina a largura do elemento.
- “ margem ” determina a altura do elemento.
- “ preenchimento ” gera espaço ao redor do conteúdo do elemento.
ID da “tab” do estilo
#aba
{ padding-left: 8px;
}
O ' #aba ' Acesse o ' aba ” id do elemento e aplique o “ padding-left ” propriedade nele.
Saída
Como adicionar espaço de tabulação usando o elemento HTML “”?
O ' ” elemento define o texto pré-formatado. O texto dentro do elemento
é exibido na página da Web como está.
Visão geral do exemplo criando primeiro a página HTML:
- Adicione o ' ” elemento para definir um título de nível dois para o documento.
- Em seguida, adicione o “ ” e especifique o conteúdo com a formatação desejada:
<
h2 >Pré-tag HTML<
/ h2 >
<
pré >
função produtoFunção
( p1, p2
) { retornar p1 * p2;
} <
/ pré >
Saída
Como adicionar espaço de tabulação usando a propriedade CSS “margin-left”?
Para adicionar espaço de tabulação usando o CSS “ margem esquerda ” propriedade, siga o procedimento fornecido:
- Primeiro, inclua um elemento div no documento e atribua a ele uma classe “ imagens ”.
- Dentro deste elemento div, adicione outros dois elementos div junto com a classe “ img-1 ' e ' img-2 ” respectivamente.
- Cada um desses dois elementos div contém imagens que são especificadas usando o “
![]()
' marcação.
- Esses '
![]()
” tags estão associadas com o “ origem ' e ' largura ' atributos. O atributo “src” especifica a URL da imagem e o atributo “width” ajusta a largura da imagem.
Aqui está o código HTML do cenário discutido acima:
<
div aula = 'imagens' >
<
div aula = 'img-1' >
<
img origem = '/spring-images/marguerite-flower.jpg' largura = '250' >
<
/ div >
<
div aula = 'img-2' >
<
img origem = '/spring-images/flower-ga8f105f1d_1920.jpg' largura = '250' >
<
/ div >
<
/ div >
A página HTML ficará assim:
Vamos para a seção CSS para adicionar vários espaços ao “ img-2 ” classe sem usar vários espaços sem quebra.
Estilo 'imagens' div
.imagens
{ largura : 500 pixels;
margem: automática;
}
O ' .imagens ” é usado para acessar o div HTML que contém o “ imagens ' aula. A explicação das propriedades mencionadas acima é a seguinte:
- “ largura ” determina a largura do elemento.
- “ margem ” determina o espaço ao redor dos lados do elemento.
Estilo “img-2” div
Acesse o elemento div usando o botão “ .img-2 ”:
.img-
2 { margem esquerda: 30px;
}
O ' margem esquerda ” propriedade com um “ 30px ” valor é aplicado ao elemento HTML div com classe “ img-2 ”. Esta propriedade adicionará 30px de espaço à esquerda do elemento.
Aqui, o resultado mostra que a segunda imagem é aplicada com algum espaço no início:
Nós elaboramos a adição de espaços de tabulação em vez de usar vários espaços sem quebra “ ”.
Conclusão
Em HTML, o “ ” código de entidade é comumente utilizado para adicionar espaço ininterrupto no documento. Para evitar o uso desse código de entidade várias vezes, existem outras maneiras de adicionar espaço de tabulação em um documento. Esses métodos incluem o uso de HTML “ ”, “ ” elementos, “ margem esquerda ”propriedade e muito mais. Este blog mencionou várias maneiras que ajudam a adicionar espaços de tabulação no documento HTML, em vez de adicionar vários “ ” códigos de entidade.
