Como Indentar Html

Índice:

Como Indentar Html
Como Indentar Html

Vídeo: Como Indentar Html

Vídeo: Como Indentar Html
Vídeo: 00509 Como Indentar Código HTML o cualquier otro con Sublime Text 2024, Maio
Anonim

A linguagem de marcação HTML é responsável por exibir o texto e outro conteúdo da página na janela do navegador. Usando ferramentas padrão, você pode alterar a aparência da página, adicionar recuos e formatar parágrafos.

Como indentar html
Como indentar html

Instruções

Passo 1

Para criar recuo de parágrafo, você pode usar a inclusão de CSS no código HTML, o que permitirá um ajuste mais fino. Para fazer isso, na tag de parágrafo

inclua a opção text-indent:

Texto do parágrafo

Este código cria um parágrafo com recuo de 15 pixels do lado esquerdo da tela.

Passo 2

Você pode ajustar o preenchimento criando tabelas e aplicando os parâmetros de preenchimento de células e de espaçamento de células. O primeiro atributo determina a distância do conteúdo até as bordas da célula, e o espaçamento entre as células ajudará a ajustar a distância entre as células. Para desativar a exibição das bordas da tabela, use o parâmetro border igual a zero:

Conteúdo da célula

Este código criará uma tabela com altura e largura de 100 pixels e distância de 5 pixels da borda da célula. Experimentando essas opções, você pode obter o alinhamento ideal para o parágrafo desejado.

etapa 3

O descritor, que cria um bloco com certos parâmetros, também ajudará a definir o espaçamento necessário entre os elementos. Pode ser usado para aumentar o recuo entre parágrafos:

Passo 4

Você também pode usar qualquer imagem transparente para recuar, de preferência no formato

Depois de executar este comando, o navegador irá inserir uma imagem transparente que não será visível aos usuários e ao mesmo tempo criará o espaço necessário.

Recomendado: