There are different methods of indenting text. No entanto, para compatibilidade com vários navegadores e acessibilidade, discutimos os métodos mais populares de indentar texto em sua página web.
método Recomendado com CSS & HTML
Para o recuo do texto ou de um parágrafo, o mais comumente utilizado e método recomendado seria usar CSS. Abaixo estão diferentes exemplos de como CSS pode indentar texto., Cada um desses exemplos poderiam ser colocado entre o <head></head> tags de HTML.
o exemplo seguinte criaria uma classe de estilo chamada “tab” que indenta o texto e o parágrafo 40 pixels da esquerda.
<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>
uma Vez que o código acima é <head> seção, você pode usá-lo adicionando-o ao parágrafo (<p>) tags como mostrado.,
<p class="tab">Example of a tab</p>
Including CSS in your HTML document, as shown above, is referred to as” in-line ” CSS. É útil para fazer mudanças rapidamente, mas a longo prazo, é difícil mudar mais tarde.
em vez disso, você pode pegar todo o seu código CSS e colocá-lo em um arquivo separado, com a extensão .Forum. Então, você pode ligar para este arquivo a partir de qualquer documento HTML, e esse documento pode usar essas propriedades CSS. Usando um arquivo CSS externo torna mais fácil alterar o CSS mais tarde, porque todo o CSS é definido em um único lugar.
<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">
Once this .,o ficheiro css foi criado, edita o ficheiro e adiciona o mesmo código CSS, excluindo o <style> e marcas de comentários nele, como mostrado.
.tab { margin-left: 40px; }
Finalmente, uma vez que os passos acima são concluídas, você pode tab qualquer texto usando o mesmo <p class=”guia”> exemplo que mostramos acima.existem também outras formas de indentação. Por exemplo, se você só quisesse indentar a primeira linha de um parágrafo, em vez de usar a linha CSS acima, você usaria a seguinte linha.,
.tab { text-indent:40px }
também pode indentar usando uma percentagem. Por exemplo, em vez de indentar por 40px (pixels), poderá substituir o indent por 5% para indentar o texto por 5% da janela actual. Você também pode usar um espaço em Ao definir a largura de um travessão.
Você também pode alterar a de um travessão esquerdo para um travessão direito, alterando a margem-esquerda para a margem-direita.
método recomendado usando HTML
é possível alcançar os mesmos resultados acima com um estilo inline dentro do HTML., Ao usar o exemplo CSS acima pode tornar mais fácil de manter em várias páginas web, se você precisar usar um estilo apenas uma vez que você pode usar o seguinte exemplo.
<p style="margin-left: 40px">This text is indented.</p>
neste primeiro exemplo, todo o texto na marca do parágrafo é indentado 40 pixels à esquerda. Quaisquer outras marcas de parágrafos não são indentadas.
<p style="text-indent: 40px">This text is indented.</p>
neste segundo exemplo, apenas a primeira linha de texto no parágrafo será indentada 40 pixels à esquerda. Quaisquer linhas de texto adicionais nesse parágrafo não são indentadas.,
também pode indentar usando uma percentagem. Por exemplo, em vez de indentar por 40px (pixels), poderá substituir o indent por 5% para indentar o texto por 5% da janela actual. Você também pode usar um espaço em Ao definir a largura de um travessão.
Você também pode mudar o de um indent esquerdo para um indent direito, alterando margem-esquerda para Margem-Direita.
método Alternativo
Outro comuns (mas impróprio) método de recuo do texto com <blockquote> marcas, como mostrado no exemplo a seguir., Embora esta seja uma solução mais fácil, introduz questões de acessibilidade. Esta etiqueta é para citar texto e não para indentar.
<blockquote>This text would be indented</blockquote>
informação adicional
- você precisa indentar ao escrever código HTML?
- Como criar espaço extra em HTML ou uma página web.
- ver a definição do travessão para informações e ligações relacionadas.
- HTML e web design help and support.
