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:




  

Sexta, 06 de Março de 2015




Leitura recomendada

Informática FGV

Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Informática Para Concursos


Capa do livro
Construindo Sites Adotando Padrões Web


Capa do livro
Laboratórios De Tecnologias Cisco Em Infraestrutura De Redes





Hostnet

IMD