Close
    Search Search

    Como centralizar o texto HTML

    conteúdo

    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

    Como centralizar o texto HTML

    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 centralizar o texto HTML


    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

    Como centralizar o texto HTML


    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

    Adicione um comentário do Como centralizar o texto HTML
    Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.