Imagens
SkiLL-World :: Geral :: HTML
Página 1 de 1
Imagens
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>
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>
SkiLL-World :: Geral :: HTML
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|