Tutorial de HTML

imagens

Podemos colocar imagens com extensão ".gif" ou ".jpg" em nossos documentos. Eis algumas formas:

1 - Para inserir uma imagem no local onde o código for colocado: <img src="imagem.jpg">

2 - O código fala por si mesmo:

<img src="uma_imagem.gif">Um texto entre duas imagens<img src="outra_imagem.gif">

3 - Imagem como fundo de página: <body background="C:/Web/imagem_fundo.jpg">

Evidente que no local do nome da página sempre indicaremos o seu caminho (conforme o exemplo do background.

Podemos definir o tipo de alinhamento que desejamos para as imagens. Para isso usamos o atributo ALIGN :

<IMG SRC="floppy_disk.gif" ALIGN="top">O texto aparece ao lado, no topo da imagem

<IMG SRC="floppy_disk.gif" ALIGN="middle">O texto aparece ao lado, no meio da imagem

<IMG SRC="floppy_disk.gif" ALIGN="bottom">O texto aparece ao lado, na base da imagem

Para centralizar a imagem: <CENTER><IMG SRC="floppy_disk.gif"></CENTER>

<IMG SRC="floppy_disk.gif" ALIGN="left">left alinha a imagem à esquerda

<IMG SRC="floppy_disk.gif" ALIGN="right">rightAlinha a imagem à direita

anterior	índice	próxima