Contente

• Passos
• Adendo
• Atenção

Muitos espaços que normalmente são criados usando espaços, teclas tab e teclas enter são todos ignorados em linguagens de programação da web. HTML define todos eles como espaços regulares entre palavras e exibe apenas um único espaço. Enquanto o CSS permite que os usuários definam mais detalhes sobre o espaço em branco e alinhamento, o HTML não tem algumas ferramentas embutidas para personalizar seu espaçamento.

Passos

Método 1 de 2: inserir espaços e tabulações simples

1. 

   Os espaços de inserção não são quebrados. Normalmente, o HTML exibirá apenas um espaço entre as palavras, não importa quantas vezes você pressionou a barra de espaço. Para exibir vários espaçamentos contíguos, digite ou. Este código criará um caractere especial denominado "espaço sem quebra" e sempre será exibido.
   • O caractere acima é chamado de "espaço indestrutível" porque impede que as quebras de linha ocorram. Se você exagerar neste caractere, o navegador terá dificuldade em inserir quebras de linha de forma ordenada e vertical.

2. 

   
   
   Insira espaços com larguras diferentes. Existem alguns outros caracteres de entidade que requerem que o navegador exiba um espaço. A forma como esses espaços são exibidos em navegadores diferentes é um pouco diferente, no entanto, ao contrário dos códigos a seguir, não afetará a quebra de linha:
   • - tem o nome do espaço "N" da impressora (unidade de medida), o espaço "en" é duas vezes mais largo que o espaço normal.
   • - espaço "em", aproximadamente igual a quatro espaços.

3. 

   
   
   Simula uma guia com bastante espaço não destrutivo. Para recuar parágrafos, você pode inserir espaços indestrutíveis consecutivamente :. Esta é a única solução se você usar apenas HTML, mas se usar CSS (descrito separadamente na etapa abaixo), será mais curto.
   • Se houver uma apresentação complexa de texto, use a tag pre.

4. 

   
   
   Alinhe os parágrafos com CSS. As propriedades CSS "margin" e "padding" fornecem instruções diretamente para o navegador, para que os resultados exibidos sejam mais consistentes. Este método não é difícil de implementar, a menos que você não saiba nada sobre CSS e sua página não tenha uma folha de estilo. Aqui está um exemplo de como mover um parágrafo inteiro para a margem direita:
   • Na seção do documento HTML, insira o seguinte código:
     
     onde: "p.indent" define um atributo de texto (tag p) nome "indent" (você pode usar outro nome). O restante do código adiciona o recurso de espaço de "preenchimento" ao lado esquerdo do parágrafo.
   • Agora, de volta ao corpo do documento HTML. Sempre que quiser indentar um parágrafo (ainda "indentar" neste exemplo), coloque o parágrafo neste código:
     

   • Para alinhar o espaçamento da indentação, altere o número "1.8" no código CSS. Mantenha "em" para trás, pois esta é a unidade de comprimento associada ao tamanho da fonte.
   propaganda

Método 2 de 2: configurar intervalos mais longos

1. 

   Use tags pré-formatadas. Qualquer chave espaço Boa ↵ Entre é inserido no cartão

   será exibido exatamente conforme você digita. Você também pode usar esta tag para apresentar exemplos, poemas ou qualquer outro texto que requeira alta precisão na apresentação de espaçamento e quebras de linha.

   • A principal desvantagem dos cartões pré-formatados é a largura. Ao contrário do HTML normal, o texto pré-formatado não será redimensionado para caber no tamanho da janela do usuário.

2. 

   Crie uma quebra de linha. Cartão
   terminará a linha de texto atual. Você pode criar linhas em branco usando várias marcas de quebra de linha. Para alunos novos em HTML, essa é uma boa abordagem, mas se você aprendeu CSS, esse formato HTML obrigatório não é recomendado.

3. 

   Identifique o parágrafo com a tag "p". A marca ao redor do texto identifica esse parágrafo. A maioria dos navegadores separa o parágrafo com uma linha em branco, mas você não pode garantir um formato consistente para o texto. propaganda

Adendo

• Quando você verificar a exibição da sua página da web pela última vez, se vir caracteres redundantes em uma posição incomum ao redor do snippet, verifique se há alguma tag incompleta, como <> ao invés de
  .
• CSS é uma ferramenta mais poderosa e proativa para apresentar páginas da web, incluindo espaçamento para texto.
• Limite os espaços repentinos atrás de uma tag aberta ou na frente de uma tag fechada. Por exemplo, você deve escrever Spaces Tutorial não espaços Tutorial .
• O espaço indestrutível é um exemplo de um caractere de entidade: o código que representa um caractere que você não pode inserir no teclado.

Atenção

• O atributo HTML representa a chave Tab ↹ Na verdade, não é tão eficaz quanto você imagina. Um documento HTML padrão não tem paradas de tabulação, portanto, o caractere de tabulação não tem efeito.
• Sempre escreva a linguagem HTML em um editor de código ou arquivo de texto simples, não use formatos de processamento de arquivo de texto. Se os seus espaços se tornarem caracteres estranhos em seu navegador da web, provavelmente é devido ao excesso de dados adicionados pelo processador de texto, que não se destina à exibição online.