Como alinhar imagens com Html



Hoje vamos esclarecer algumas duvidas de amigos blogueiros no sentido de centralização de imagens. Um recurso que o blogger disponibiliza no painel de postagem porem muitos não sabem utilizar.

OBS: Para alinhar a direita e a esquerda os códigos devem ser adicionados no meio do texto e não no inicio e final do texto, veja o exemplo abaixo.

seu texto bá blá blá blá... O CÓDIGO AQUI ... restante do texto blá blá blá

Os códigos também podem ser utilizados nas gadgets. Uma ótima dica para alinhar e organizar o seu perfil pessoal.

==============================================================

Muitos vão orar e querem encontrar alguém que garanta ao máximo a paz nos corações.Não há o que temer embora o medo exista em nós, mas a fé nos faz mover montanhas com poder. Pode um milagre enfim acontecer quando você acreditar. A esperança em ti ninguém jamais irá matar depende só se tu quiseres crer.

Este é um exemplo de alinhamento a direita, notem que estou escrevendo ao lado da imagem.

<img src="Endereço da imagem" align="right">


==============================================================

Muitos vão orar e querem encontrar alguém que garanta ao máximo a paz nos corações.Não há o que temer embora o medo exista em nós, mas a fé nos faz mover montanhas com poder. Pode um milagre enfim acontecer quando você acreditar. A esperança em ti ninguém jamais irá matar depende só se tu quiseres crer.

Este é um exemplo de alinhamento a esquerda, notem que estou escrevendo ao lado da imagem.

<img src="Endereço da imagem" align="left">

==============================================================
Para centralizar as imagens é bem simples, copie e cole o código onde deseja que elas apareçam centralizadas.

<center><img src="Endereço da imagem"></center>

==============================================================
Confira e entenda mais sobre Html e o sistema Blogspot aqui:
Tirando Duvidas Blogspot
Dicas de Html


8 comentários:

  1. Dany, preciso ter umas aulinhas com você!!!

    Adoro os seus tutoriais.

    Beijos
    Mulher Antenadíssima ♥

    ResponderExcluir
  2. Parabéns seu blog é muito interessante e bem organizado.
    Quero convidar você e suas leitoras para conhecer a loja virtual Truques de Menina.
    Acessórios femininos com precinhos incriveis.
    http://www.truquesdemenina.loja2.com.br

    ResponderExcluir
  3. Parabéns pelo post, bem interessante e explicado, preciso vir aqui mais vezes,
    abraços e um ótimo fim de semana.
    http://zeteartes.blogspot.com.br/

    ResponderExcluir
  4. Adorei o post, super explicadinho! Parabéns ;)

    Bjinhos ;*
    Pâm

    ResponderExcluir
  5. Owww amiga, alinhamento é uma briga constante para mim, valeu pela dica!!
    Beliscões da Máh ♥
    Blog
    Twitter

    ResponderExcluir
  6. Adorei, supeeeeeeeeeeer bem explicado!

    nossoblogdemodaa.blogspot.com

    ResponderExcluir
  7. Dicas maravilhosa amei
    venha participar do sorteio 03 anos do blog,
    Canal:https://www.youtube.com/watch?v=EgeQXJjUpSQ
    Blog: http://arrasandonobatomvermelho.blogspot.com.br/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥