Como adicionar Espaço em Html

Em HTML, podemos facilmente adicionar o espaço no documento usando as seguintes formas diferentes:

  1. Usando Html
  2. Usando Interno CSS

Usando Html

se o que Se pretende adicionar o espaço no documento com a tag de Html para mostrar o espaço antes e depois do texto, então, temos que seguir os passos que são dados abaixo., Usando estes passos, podemos facilmente adicionar o espaço:

Passo 1: em primeiro lugar, temos que digitar o código Html em qualquer editor de texto ou abrir o arquivo Html existente no editor de texto em que queremos adicionar o espaço.

Passo 2: Agora, coloque o cursor onde queremos adicionar o espaço. E depois temos de carregar na barra de espaço do teclado. Basicamente, a página web mostra apenas um espaço entre as duas palavras. Não importa o quanto temos pressionado a barra de espaço.,

Passo 3: Se queremos mostrar mais do que um espaço antes ou depois do texto na página da web, então nós temos que dar a seguinte tag:

Passo 4: Se quisermos inserir/adicionar mais espaço, então nós também usar as seguintes tags para mostrar dois ou quatro espaços entre o texto na página da web:

Passo 5: podemos também adicionar o <pre> tag, que exibe o texto na página da web como o mesmo que entrou no documento Html.,

Passo 6: quando adicionamos o espaço com sucesso no documento, então temos que salvar o arquivo Html e executar o arquivo.

A saída do código Html acima é mostrado na captura de tela a seguir:

Usando Interno CSS

se o que Se pretende adicionar o espaço no documento usando o Interno de folha de estilos em Cascata para mostrar o espaço antes e depois do texto, temos que seguir os passos que são dados abaixo. Usando estes passos, podemos facilmente adicionar o espaço.,

Step 1: Em Primeiro Lugar, temos que digitar o código Html em qualquer editor de texto ou abrir o arquivo Html existente no editor de texto no qual queremos usar o CSS interno para adicionar o espaço.

Passo 2: Agora, temos que colocar o cursor na tag head do documento Html e, em seguida, definir os estilos dentro de <estilo> como mostrado no seguinte bloco. E, então, temos que digitar o atributo text-indent no elemento parágrafo.,

Step 3: Agora, temos que digitar a marca de parágrafo e a classe tab1 no id

pre> tag do Html. E, finalmente, temos que salvar o arquivo Html e, em seguida, executar o arquivo.

Test it Now

the output of the above Html code is shown in the following screenshot:


Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Ir para a barra de ferramentas