aula de HTML Nº5 - Imagens

por **prizm** Qui Jul 21, 2011 3:27 pm

Para inserir imagens em um documento HTML usa-se por exemplo o código:

Código:: <img src="http://img263.imageshack.us/img263/7627/bluearrowleftbehindprev.png" WIDTH=25 HEIGHT=20 ALT="seta">

Esta imagem foi produzida a partir do código acima em que foi definida a largura para 25 pxls e a altura para 20 pxls, se a imagem não carregar aparecerá a palavra "seta".

Para alinhar as imagens de acordo com o texto usam-se os seguintes códigos:

Código:: <img src="..." align="top"> alinhado ao topo <img src="..." align="middle"> alinhado ao centro <img src="..." align="bottom"> alinhado ao fundo <img src="..." align="left"> alinhado à esquerda <img src="..." align="right"> alinhado à direita

Se a opção align for omitida a imagem será alinhada à esquerda.

Uma imagem pode ser um botão de hiperligação se for colocada dentro de uma âncora como no exemplo a seguir:

Código:: <a href="http://programadores.forumeiros.net/t34-aula-de-html-n3-listas#139"> <img src="http://img263.imageshack.us/img263/7627/bluearrowleftbehindprev.png"align="middle"></a>

Esta imagem foi aqui colocada pelo código anterior e se for clicada vai para a aula nº3.

O HTML permite também colocar uma imagem como fundo da página se inserir uma opção no tag como no exemplo a seguir:

Código:: <BODY BACKGROUND="...">

Outra coisa que é possível fazer são barras com o seguinte código:

Código:: <HR size = 30 width=500>

E é criada uma barra com espessura de 30 pxls e com largura de 500.

E é o fim deste tutorial! Very Happy

por **Henrique_GJ** Qui Jul 21, 2011 9:25 pm

lembrando que os códigos do tipo "align" "hidth" ou "height" citados são opcionais, eles já possuem um valor padrao, então vc pode diexar por exemplo só o

aula de HTML Nº5 - Imagens

aula de HTML Nº5 - Imagens

Re: aula de HTML Nº5 - Imagens