Em HTML, podemos facilmente adicionar o espaço no documento usando as seguintes formas diferentes:
- Usando Html
- 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: