Este wikiHow ensina como inserir espaços e quebras de linha em HTML. Como você criará apenas um único espaço em seu HTML ao pressionar a barra de espaço várias vezes, é necessário usar tags HTML para inserir mais de um espaço por vez.
Etapa
Método 1 de 3: usando código HTML
Etapa 1. Abra o documento HTML
Você pode editar documentos HTML usando um programa de edição de texto, como o Notepad ou TextEdit no Windows. Você também pode usar um editor de HTML como o Adobe Dreamweaver. Siga estas etapas para abrir um documento HTML.
- Pesquise documentos HTML no File Explorer em um computador Windows (ou Finder em um Mac).
- Clique com o botão direito no documento HTML que deseja editar.
- Passe o mouse sobre a opção " Abrir com ”.
- Clique no programa que deseja usar para editar o arquivo.
Etapa 2. Pressione a tecla de espaço para adicionar um espaço regular
Para adicionar um espaço regular, clique onde deseja inserir um espaço e pressione a barra de espaço do teclado. Normalmente, o HTML exibirá apenas um espaço entre as palavras, independentemente de quantas vezes você pressione a barra de espaço.
Etapa 3. Digite para adicionar espaços à direita à força
O código resultante é conhecido como espaço sem quebra ou espaço fixo porque evita a divisão de linha no local onde o código é colocado.
- Por exemplo, digite Olá a todos! para inserir um espaço extra entre as palavras "Olá" e "todos!"
- Se você usar excessivamente esses caracteres, seu navegador terá dificuldade em inserir quebras de linha de uma forma organizada e fácil de ler.
- Você também pode digitar para inserir um espaço à força.
Etapa 4. Insira espaços de várias larguras
Você pode adicionar um espaço maior usando uma das seguintes opções:
- Dois espaços - Tipo
- Quatro espaços - Tipo
- Recuo - Tipo
Método 2 de 3: usando código CSS
Etapa 1. Abra o documento HTML ou CSS
O código CSS pode ser aplicado ao cabeçalho de um documento HTML ou escrito como um documento CSS externo.
O cabeçalho do documento HTML está no topo do arquivo. Esta seção está entre as marcas "" e ""
Etapa 2. Crie um segmento de estilo para o código CSS
O segmento de estilo precisa ser adicionado no cabeçalho do código HTML ou em uma folha de estilo separada. Use os seguintes sinalizadores para criar segmentos de estilo em documentos HTML ou folhas de estilo separadas.
- Digite para abrir o segmento de estilos. Todo o código CSS deve ser adicionado após esta marca.
- Digite para fechar o segmento de estilo. Todo o código CSS deve ser inserido antes desta marca de fechamento.
Etapa 3. Digite o seguinte no segmento de estilo: p {text-indent: 5em;}. Este sinalizador informa ao navegador para recuar cinco espaços quando adicionado ao código HTML apropriado.
- Você pode ajustar o número ou a largura dos espaços digitando um número diferente após o código "text-indent:".
- A unidade "em" é equivalente a um espaço no tamanho de fonte especificado ou aplicável. Você pode usar outras unidades, como porcentagens (por exemplo, "text-indent: 15%;") ou unidades de comprimento (por exemplo, "text-indent: 3mm;").
Etapa 4. Tikka
na parte em que você deseja recuar.
Esta marca precisa ser adicionada ao corpo do HTML, antes do texto no qual você deseja recuar. Depois disso, o recuo de acordo com as especificações especificadas no código CSS será adicionado ao texto.
Método 3 de 3: usando texto pré-formatado
Etapa 1. Abra o documento HTML
Você pode editar documentos HTML usando um programa de edição de texto, como o Notepad ou TextEdit no Windows. Você também pode usar um editor de HTML como o Adobe Dreamweaver. Siga estas etapas para abrir um documento HTML.
- Pesquise documentos HTML no File Explorer em um computador Windows (ou Finder em um Mac).
- Clique com o botão direito no documento HTML que deseja editar.
- Passe o mouse sobre a opção " Abrir com ”.
- Clique no programa que deseja usar para editar o arquivo.
Etapa 2. Digite
antes do texto que você deseja pré-formatar.
O código é um token de abertura de texto pré-formatado.
Etapa 3. Digite o texto desejado após o"
".
Com a pré-formatação, todos os espaços e quebras de linha criados com a tecla "Enter" serão exibidos na página HTML.
Etapa 4. Digite após o texto.
O segmento de texto pré-formatado terminará.
Pontas
- Se o espaço que você inseriu produzir símbolos estranhos em seu navegador, é possível que seja causado por dados extras em um formato de programa de processamento de texto que não deveria ser exibido na Internet. Você pode evitar que o símbolo apareça digitando o código em um programa de edição de texto simples, como o Bloco de Notas ou o TextEdit.
- CSS é uma linguagem de folha de estilo mais sofisticada e previsível para projetar elementos em páginas da web, incluindo espaçamento de texto.
- Espaço fixo (espaço não separável)
- é um exemplo de entidade de caractere, um código que se refere a um caractere que você não pode digitar no teclado.
Aviso
-
Caracteres HTML para Tab
- não funciona como você espera. Os documentos HTML padrão não têm paradas de tabulação, portanto esses caracteres não funcionam.
- Sempre escreva seu código HTML em um editor de código ou arquivo de texto simples, e não em um formato de arquivo de processamento de texto (por exemplo, Word).
