HTML básico: Alinhando as imagens


Autor/fonte: Orbita Starmedia



Digg del.icio.us

Você pode usar muitos recursos para fazer o alinhamento de textos e imagens em sua página, e dar uma organização e visual diferentes. Para fazer os alinhamentos, você inclui parâmetros do alinhamento dentro da tag de imagem. Assim:

Um exemplo de alinhamento de texto no topo da imagem. Para fazer este tipo de alinhamento, a tag de imagem deve ficar assim:

<img src="nome da imagem " align="top">

Repare que só incluímos o align="top" na tag de imagem.

Um exemplo de alinhamento no meio da imagem. Para este efeito a tag de imagem deve ficar assim:

<img src="nome da imagem" align="middle">

Repare que só incluímos o align="middle" na tag de imagem.

Um efeito onde o texto fica ao redor da imagem, igual ao texto em jornais. Trata-se de um ótimo recurso para quando você deseja colocar um texto ao lado de uma foto que destaque mais o assunto do texto.

A tag para este alinhamento é:

<img src="nome da imagem" align="left">

Agora com a imagem está alinhada do lado direito e o texto fica ao redor. É exatamente o oposto do alinhamento à esquerda.

A tag para este alinhamento é:

<img src="nome da imagem" align="right">

Para se ter uma imagem centralizada:

<CENTER><img src="nome da imagem"></CENTER>




Enviado por xKuRt em 29/09/2006 às 09:09


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Terça, 23 de Setembro de 2014




Top 5 membros

Últimos membros online

  • 1em 23/09 às 04:24
  • xKuRtem 22/09 às 07:14
  • nobioem 18/09 às 22:31

Últimos membros cadastrados



Capa do livro
Final Cut Pro7 - O Guia Oficial


Capa do livro
Manual de Marketing em Mídias Sociais


Capa do livro
Neuromancer 25





Hostnet

IMD