Como Tab texto em HTML

teclados de computador têm "Aba" chaves que são úteis para recuar o texto. No entanto, estes travessões com guias normalmente não exibir em páginas Web escritas em HTML. Isso pode ser um problema se a sua página da Web contém conteúdo que precisa travessões, como a poesia ou código de computador. A solução mais simples é a "aba" texto em HTML usando CSS (Cascading Style Sheets). Isso permite que você crie regras de formatação personalizadas para o maior número de tamanhos de tabulação que você precisar.

Abra o arquivo HTML em um editor de texto e adicionar este código CSS dentro de seu HTML "cabeça" seção:
A regra primeiro estilo define um "palmo" classe com uma esquerda em relação "preenchimento" de 1,3. A segunda regra define outra "palmo" classe com duas vezes essa quantidade de "preenchimento." Salve o arquivo como "tabs.html."
Em seu conteúdo, invocar o separador que pretende pouco antes do seu conteúdo. Por exemplo:
Houve um ávido leitor de eHow
Que queria saber como guia;

A resposta foi muito simples,
Quando as folhas de estilo feitas layouts apenas fabuloso!
A segunda e quarta linhas começar com vazia "palmo" elementos com tamanhos guia Virtual definidos pela "preenchimento" valores em suas regras CSS. Salve o arquivo novamente.
Teste a sua página da Web. Abra seu navegador e carregar "tabs.html." Você deverá ver dois tamanhos diferentes de "tabs" na segunda e quarta linhas do poema. Se não, verifique se você copiou os exemplos de código corretamente.
Continuar a adicionar guias onde quiser, usando elementos span com atributos e valores de classe para definir cada tipo de guia. Ajuste os valores CSS preenchimento de acordo com seu próprio layout. Criar mais regras de estilo para o maior número "aba" tamanhos como você precisa.

dicas & avisos

Você também pode usar o HTML "pré" elemento para formatar o código de computador. Isso força a maioria dos navegadores para exibir cada literal espaço, quebra de linha e guia que você digita dentro do "

" etiquetas. No entanto, diferentes navegadores podem exibir larguras de guia de forma diferente. Mesmo aqui, usando HTML "palmo" elementos com a sua "preenchimento" valores definidos no CSS dá-lhe maior controle sobre seus layouts.

Se você usar HTML "pré" elementos para o código de computador formato, ter muito cuidado com a forma como você codificar cada personagem. Digitar os caracteres de tag "lt;" e "gt;"faz navegadores tratam os seus conteúdos como elementos HTML normais, executando-os como código invisível. Para fazer com que os navegadores exibi-las como texto visível, codificar o "lt;" e "gt;" personagens como "& l t -" e "& g t -" (Sem espaços).

De esta maneira? Compartilhar em redes sociais: