Como Inserir Um Espaço Em Html

Índice:

Como Inserir Um Espaço Em Html
Como Inserir Um Espaço Em Html

Vídeo: Como Inserir Um Espaço Em Html

Vídeo: Como Inserir Um Espaço Em Html
Vídeo: Como Inserir Espaços no Código HTML 2024, Maio
Anonim

A inserção de um espaço no html é necessária para a correta exibição do texto na página web de acordo com os efeitos concebidos pelo autor. Dependendo da complexidade da tarefa, você pode usar os espaços não separáveis comuns e controlar o número de espaços usando as propriedades css.

Como inserir um espaço em html
Como inserir um espaço em html

É necessário

editor de html

Instruções

Passo 1

Se você precisar inserir um espaço comum entre as palavras (obtido pressionando a tecla Espaço), não precisará realizar nenhuma ação especial - qualquer número de espaços comuns consecutivos no código html será semelhante a um na página da web.

Passo 2

Para manter o número exato de espaços entre as palavras, substitua cada espaço regular por " (sem aspas) - este é o código de espaço ininterrupto em html. Por exemplo: "Existem dois espaços entre cada palavra." Um espaço sem quebra é inserido entre duas palavras e de forma que elas não sejam separadas quando quebradas em outra linha. Para a colocação automática de espaços não quebráveis no texto, é conveniente usar a conhecida ferramenta de Artemy Lebedev - "Typograf" (https://www.artlebedev.ru/tools/typograf/).

etapa 3

Outra forma de inserir a quantidade pretendida de espaços em html entre palavras: coloque a parte desejada do texto entre tags e. Em seguida, as palavras serão exibidas em uma fonte monoespaçada, mas todos os espaços usuais entre as palavras serão preservados quando exibidos na página da web. Observe que a tag tem algumas peculiaridades: algumas outras tags não são permitidas dentro dela: e ,,,,.

Passo 4

Um método mais complexo para controlar a manipulação de espaços em branco: use a propriedade css de espaço em branco com o valor de pré ou pré-quebra automática (sem quebra de linha dentro do elemento e com quebra de linha, respectivamente). Especifique esta propriedade na descrição do estilo de página ou em um elemento de layout html separado. Ao usar este método, a fonte não muda para monoespaçada e o número de espaços entre as palavras é preservado. Exemplo: Como faço para inserir um espaço no código html? Ou:.free_spaces {white-space: pre-wrap;} … Como faço para inserir um espaço no código html?

Recomendado: