Imagens

Ir em baixo

Imagens

Mensagem  Admin em Seg Mar 09, 2009 4:52 pm

Bem vou por td akilo k encontrei k axei de geito agora vcs vejam kek precisam ;P






Inserção de imagens
O elemento IMG insere imagens que são apresentadas junto com os textos. Um atributo SRC deve estar presente, da seguinte forma:
<IMG SRC="URL_imagem">
onde URL_imagem é o URL do arquivo que contém a imagem que se quer inserir; pode ser referenciada uma imagem que esteja em um outro servidor (o que, logicamente, não é conveniente).
Assim, escrevendo:
<IMG SRC = "/icones/newred.gif">
As imagens usadas na Web são armazenadas em arquivos com extensão *.gif, *.xbm, *.jpg (ou *.jpeg), *.png.
Atributos básicos de imagem
ALT
Indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. É recomendável que esteja sempre presente.
<IMG SRC="URL_imagem" ALT="descrição_da_imagem">
Dessa forma, <IMG SRC="/icones/newred.gif" ALT="Novo!"> é apresentado nos browsers gráficos assim: e, nos browsers texto, assim: [Novo!]

WIDTH e HEIGHT
Atributos de dimensão da imagem, em pixels. Grande parte dos editores HTML coloca automaticamente os valores destes atributos, quando indicamos a inserção de uma imagem.
<IMG SRC="imagem" ALT="descrição" WIDTH="largura" HEIGHT="altura">
Uma das vantagens de se usar esses atributos é que o browser pode montar mais rapidamente as páginas, por saber de antemão o espaço que deverá ser reservado a elas.

BORDER
Quando uma frase é marcada como âncora de um link, ela se apresenta sublinhada; quando uma imagem faz as vezes de âncora, ganha uma borda que indica sua condição. Por exemplo:
Porém, por questões de apresentação, nem sempre interessa termos essa borda ao redor da imagem. Assim, com o atributo BORDER, podemos controlar esse detalhe.
Se quisermos uma borda mais larga...
<A HREF="URL"><IMG SRC="imagem" ALT="descrição" BORDER=4></A>
Se quisermos uma imagem sem borda...
<A HREF="URL"><IMG SRC="imagem" ALT="descrição" BORDER=0></A>

Essa borda pode ser apresentada também em imagens que não são âncora de links. Basta aplicar, por exemplo, a formatação
<IMG SRC="icones/fotoicm.gif" ALT="Foto antiga do ICMC" BORDER=2>
ALIGN

<IMG SRC="imagem" ALT="descrição" ALIGN=alinhamento>

ALIGN=TOP Alinha o texto adjacente com o topo da imagem, embora com linhas compridas o resultado não seja muito bom.

ALIGN=MIDDLE Alinha o texto adjacente com o meio da imagem, embora com linhas compridas o resultado não seja muito bom

ALIGN=BOTTOM Alinha o texto adjacente com a parte de baixo da imagem (default)

ALIGN=RIGHT Alinha imagem à direita, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.

ALIGN=LEFT Alinha imagem à esquerda, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.

Para ter duas imagens, uma em cada margem, numa mesma linha, escreva:
<IMG align=left SRC="imagem.gif" alt="imagem"><IMG align=right SRC="imagem.gif" alt="imagem">...e se pode escrever à vontade entre as imagens!

...ter um texto posicionado no ponto em que a margem direita fica livre, com <BR CLEAR=RIGHT>


ou no ponto em que a margem esquerda fica livre, com
<BR CLEAR=LEFT>

Também se pode posicionar o texto no ponto em que ambas as margens estão livres. Isso é conseguido com
<BR CLEAR=ALL>

Admin
1337-soldier
1337-soldier

Mensagens : 752
Data de inscrição : 02/03/2009
Idade : 27
Localização : Hell

Ver perfil do usuário http://skill-time.forumeiros.com

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum