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, 02 de Setembro de 2014




Leitura recomendada

O Codificador Limpo

Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Padrões Javascript: Construa Aplicações mais Robustas usando Padrões de Projeto e Programação


Capa do livro
Introdução À Arquitetura E Design De Software


Capa do livro
HTML 5 - Entendendo E Executando





Hostnet

IMD