Inserir espaços no código HTML

Inserir espaços em uma sequência HTML permite uma melhor organização do conteúdo, mas isso não é feito simplesmente apertando a barra de espaços. Saiba como realizar esse procedimento que pode facilitar a vida de qualquer programador.

Ao criar o seu código HTML, você poderá inserir espaços entre os caracteres, palavras, números ou outros elementos. Isso ajudará a organizar melhor o seu documento. No entanto, o navegador só reconhecerá o primeiro espaço e os demais serão ignorados. Se precisar mostrar mais de um espaço, você deverá adicionar um código ou usar uma tag.

Como adicionar mais de um espaço no código HTML

Para adicionar mais de um espaço entre caracteres ou palavras, insira o código nbsp. Você deverá incluir tantos códigos nbsp quantos forem os espaços em branco que quiser exibir. Por exemplo, o seguinte código mostra dois espaços depois de Olá, na frase Olá, pessoal!:

Você deverá sempre adicionar o caractere & antes do código nbsp e o ponto e vírgula ; no final.

Como inserir um espaço entre os parágrafos em HTML

A tag < p > define um parágrafo e introduz um espaço com o texto ou parágrafo seguinte. Você deve adicionar essa tag no início do parágrafo e a tag de fechamento correspondente no final. Por exemplo, o código vai causar uma quebra de linha e adicionar uma linha depois de Bem-vindos ao meu site sobre tecnologia!:

Como inserir um espaço no código HTML

Não há nenhuma tag ou código HTML para inserir um Tab, mas você pode, se quiser, usar o nbsp. Basta digitar quatro ou cinco vezes o código nbsp em sequência:

Não se esqueça de colocar, em cada uma das vezes que usar o nbsp, o caractere & antes do código e o sinal ; no final.

Como agregar quebras de linhas no código HTML

Basta inserir tantas tags < br > quantas quebras de linha você quiser inserir. Não há necessidade de usar a tag de fechamento. Por exemplo, o seguinte código adiciona duas quebras de linha antes de Olá, pessoal!:

Foto: © Piotr Adamowicz - Shutterstock.com

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'Inserir espaços no código HTML', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade