Como inserir espaços em HTML

Autor: Joan Hall
Data De Criação: 28 Fevereiro 2021
Data De Atualização: 28 Junho 2024
Anonim
NOBBY 231 //Смартфичерфон на KaiOS - ЧТО ТЫ ТАКОЕ?
Vídeo: NOBBY 231 //Смартфичерфон на KaiOS - ЧТО ТЫ ТАКОЕ?

Contente

1 Abra um documento HTML. Isso pode ser feito em um editor de texto comum, como o Bloco de notas ou o TextEdit no Windows. Você também pode usar um editor de arquivo HTML, como o Adobe Dreamweaver. Para abrir um documento HTML:
  • Navegue até o documento HTML no Explorer (Windows) ou Finder (macOS).
  • Clique com o botão direito no documento HTML desejado.
  • Passe o mouse sobre Abrir com.
  • Selecione o programa no qual deseja editar o documento.
  • 2 Clique em espaçopara adicionar um espaço regular. Posicione o cursor onde deseja inserir um espaço e pressione a tecla "Espaço". Em HTML, apenas um espaço aparecerá entre as palavras, mesmo se você bater no espaço várias vezes.
  • 3 Digitar para adicionar um espaço extra. É chamado de espaço ininterrupto porque não permite uma nova linha.
    • Por exemplo, se você inserir Oi pessoal, entre as palavras "Olá" e "todos!" um espaço extra será inserido.
    • Lembre-se de que muitos espaços não quebráveis ​​impedirão que o navegador faça quebras de linha nos lugares certos, dificultando a leitura do texto.
    • Você também pode entrar  para inserir um espaço.
  • 4 Insira espaços de comprimentos diferentes. Se você deseja inserir um espaço maior, use uma das seguintes opções:
    • Dois espaços - digitar
    • Quatro espaços - digitar
    • Recuo (espaçamento de tabulação) - digitar
  • Método 2 de 3: CSS

    1. 1 Abra um documento HTML ou CSS. O código CSS pode ser inserido no cabeçalho de um documento HTML ou salvo como um arquivo CSS externo.
      • O cabeçalho do documento HTML está no topo do arquivo, entre as tags "head>" e "/ head>".
    2. 2 Crie uma seção de estilo para CSS. A seção de estilo está localizada no início do código HTML ou em uma folha de estilo separada.Use as seguintes marcas para criar uma seção de estilo em um documento HTML ou folha de estilo.
      • Digitar estilo>para abrir a seção de estilo. Todo o código CSS irá após esta tag.
      • Digitar / style>para fechar a seção de estilo. Todos os CSS devem ser colocados antes desta tag final.
    3. 3 Insira a seguinte tag na seção de estilo:p {indent-text: 5em;} Isso diz ao navegador para recuar 5 espaços (no HTML correto).
      • Para definir o número de espaços, altere o número após "indent-text:".
      • O elemento "em" corresponde a um espaço com o tamanho de fonte especificado. Outras unidades podem ser usadas, como porcentagem ("Indent-text: 15%;") ou milímetros ("Indent-text: 3mm;").
    4. 4 Digitar p> onde você deseja adicionar recuo. Faça isso dentro do documento HTML onde você deseja recuar. O texto será recuado de acordo com as especificações CSS.

    Método 3 de 3: texto pré-formatado

    1. 1 Abra um documento HTML. Isso pode ser feito em um editor de texto comum, como o Bloco de notas ou o TextEdit no Windows. Você também pode usar um editor de arquivo HTML, como o Adobe Dreamweaver. Para abrir um documento HTML:
      • Navegue até o documento HTML no Explorer (Windows) ou Finder (macOS).
      • Clique com o botão direito no documento HTML desejado.
      • Passe o mouse sobre Abrir com.
      • Selecione o programa no qual deseja editar o documento.
    2. 2 Digitar pré> antes do texto que você deseja pré-formatado. Esta é a tag de abertura para texto pré-formatado.
    3. 3 Insira o texto conforme pretendido após a tag "pre>". Ao pré-formatar o texto, quaisquer espaços e quebras de linha criados ao pressionar Enter serão exibidos na página HTML.
    4. 4 Digitar / pre> no final do texto. Esta é a tag de fechamento para texto pré-formatado.

    Pontas

    • Se o navegador exibir espaços como caracteres incompreensíveis, isso provavelmente se deve a dados adicionais; eles são armazenados no formato de processamento de texto e não são exibidos na tela. Para evitar isso, trabalhe em um editor de texto comum, como o Notepad ou TextEdit.
    • CSS é uma maneira muito mais poderosa e previsível de criar o layout de uma página da web, incluindo espaçamento entre palavras.
    • Um espaço ininterrupto é um exemplo de entidade de personagem; é um código que se refere a um caractere que não pode ser inserido no teclado.

    Avisos

    • Símbolo HTML para Tab ↹ (guias) não funciona da maneira que muitas pessoas pensam. Não há paradas de tabulação em um arquivo HTML normal, portanto, inserir esse caractere não fará nada.
    • Insira HTML em um editor de código ou arquivo de texto simples, em vez de um editor de texto poderoso.