loginteachers.com

VOCÊ NÃO ENCONTRA O QUE PROCURA?

Use nosso mecanismo de busca e encontre tudo que você precisa

Como centralizar o texto HTML

conte√ļdo

  • Centralize o texto em HTML com o atributo align
  • Centralize o texto HTML com o tag center

Centralize o texto em HTML com o atributo align

olhar centralize o texto HTML, tudo que voc√™ precisa fazer √© aprender a usar o atributo corretamente alinhar, que pode ser usado em v√°rios contextos: gra√ßas a ele, √© de fato poss√≠vel alinhar textos, imagens, tabelas e assim por diante. Vamos descobrir como inserir ambos dentro da tag  do que na tag .



Marcação

Para obter um texto alinhado ao centro por meio do atributo e tag de alinhamento, voc√™ deve proceder da seguinte forma: primeiro abra seu editor de HTML favorito, insira a tag (caso voc√™ n√£o saiba que significa par√°grafo, par√°grafo em ) seguido pelo atributo alinhar e o atributo correspondente ao estilo de formata√ß√£o desejado, que √© centro (centrado) entre aspas. Neste caso, o c√≥digo a ser utilizado para obter o resultado desejado √© o seguinte.

Texto de teste

Usando o código que acabei de indicar, você poderá obter o resultado que vê a seguir, que é um texto perfeitamente alinhado no centro da página em que está inserido.

Texto de teste

Com a mesma t√©cnica, voc√™ tamb√©m pode alinhar o texto √† esquerda, √† direita ou at√© mesmo justific√°-lo. Para continuar, tudo que voc√™ precisa fazer √© substituir alinhar = ‚ÄĚcentro‚ÄĚ com um dos seguintes atributos.

  • alinhar = ‚ÄĚesquerda‚ÄĚ - se voc√™ pretende alinhar o texto √† esquerda.
  • alinhar = ‚ÄĚdireita‚ÄĚ - se voc√™ deseja alinhar o texto √† direita.
  • alinhar = ‚ÄĚjustificar‚ÄĚ - se, por outro lado, pretende justificar o texto.

Marcação


Como eu disse antes, tamb√©m √© poss√≠vel centralizar o texto em HTML usando a tag  que, como voc√™ j√° deve saber, difere do analisado anteriormente pelo fato de n√£o criar par√°grafos (portanto n√£o deixa uma linha em branco no final) e pode ser usado como um container gen√©rico para m√ļltiplos elementos, portanto n√£o apenas conte√ļdo textual, mas tamb√©m tabelas, imagens e assim por diante.


Para obter um texto centralizado com a tag em quest√£o, mesmo neste caso, tudo o que voc√™ precisa fazer √© abrir o editor de HTML que est√° usando para criar sua p√°gina da Web "manualmente", inserir a tag seguido pelo atributo alinhar e especifique entre aspas o estilo de formata√ß√£o desejado, neste caso centro, isto √©, centralizado. Abaixo voc√™ encontrar√° um exemplo pr√°tico que ser√° √ļtil para voc√™ entender ainda melhor como proceder.

Texto de teste

O código em questão permitirá obter o seguinte resultado, ou seja, um texto perfeitamente alinhado no centro da página em que está inserido:

At√© a etiqueta n√£o apenas centraliza o texto, tamb√©m pode ser usado para alinhar textos √† esquerda, direita ou justific√°-los. Basta substituir o atributo alinhar = ‚ÄĚcentro‚ÄĚ com um dos listados abaixo.

  • alinhar = ‚ÄĚesquerda‚ÄĚ - se voc√™ pretende alinhar o texto √† esquerda.
  • alinhar = ‚ÄĚdireita‚ÄĚ - se voc√™ deseja alinhar o texto √† direita.
  • alinhar = ‚ÄĚjustificar‚ÄĚ - se, por outro lado, deseja justificar o texto.

Em qualquer caso, para "limpar" o código, recomendo que você sempre use a tag (especialmente no que diz respeito às letras) e não a etiqueta . Entendido?

Centralize o texto HTML com o tag center

Outra forma de centralize o texto em HTML é recorrer auso do tag center, que oferece a vantagem de poder centralizar vários parágrafos de uma vez. Tudo que você precisa fazer para usá-lo é abrir o editor de HTML que você está usando para praticar, inserir a tag seguido pelo texto que você deseja centralizar e a tag de fechamento , que deve ser inserido no ponto da página onde você deseja parar de usar a formatação centralizada.



Se quiser centralizar apenas um parágrafo, por exemplo, você pode proceder como vê no exemplo a seguir.

Texto de amostra

O resultado que você obterá será o seguinte.

Texto de amostra

Se, por outro lado, você deseja centralizar vários parágrafos de uma vez, tudo o que você precisa fazer é colocá-los todos dentro da tag . Esta é uma das vantagens de usar esta tag no lugar do atributo alinhar (que você deveria ter colocado dentro de cada tag para obter o mesmo resultado). Se você quiser centralizar mais parágrafos, siga as etapas abaixo.

N√ļmero do par√°grafo do texto de exemplo 1

N√ļmero do par√°grafo do texto de exemplo 2

N√ļmero do par√°grafo do texto de exemplo 3


Texto de amostra de par√°grafo ...


O resultado que você obterá usando o código que acabei de indicar serão parágrafos alinhados todos no centro da página em que foram inseridos, como você pode ver no exemplo abaixo.

N√ļmero do par√°grafo do texto de exemplo 1

N√ļmero do par√°grafo do texto de exemplo 2

N√ļmero do par√°grafo do texto de exemplo 4

Texto de amostra de par√°grafo ...

E é isso! Agora que você conhece as regras básicas para centralizar o texto em HTML, tudo o que precisa fazer é praticar, praticar e, novamente, praticar! Fazendo isso, você se familiarizará cada vez mais com o uso das tags e atributos que mencionei neste guia e poderá formatar os textos para inserir em sua página da web sem qualquer dificuldade. A esse respeito, sugiro que você também consulte meu guia sobre como criar um site em HTML, no qual expliquei com mais detalhes como construir um site usando apenas o código.

Como centralizar o texto HTML

√Āudio v√≠deo Como centralizar o texto HTML
Adicione um coment√°rio a partir de Como centralizar o texto HTML
Comentário enviado com sucesso! Vamos revisá-lo nas próximas horas.