close
    search Buscar

    Como centralizar o texto HTML

    Quem sou
    Martí Micolau
    @martímicolau

    Coment√°rios sobre o item:

    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 analisá-lo nas próximas horas.