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, 21 de Outubro de 2014




Leitura recomendada

Use a Cabeça! Álgebra

Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Web Design Para Nao Designers


Capa do livro
Regras Do Jogo: Fundamentos Do Design De Jogos - Volume 2


Capa do livro
Modelagem de Personagens Com Maya 8





Hostnet

IMD