Uso da TAG < IMG > - HTML

Uso da TAG < IMG > - HTML

A Tag <img > mostra uma imagem. Não é necessário usar uma tag no final da mesma como acontece com outras tags. O Atributo SRC é usado para indicar o caminho da imagem que sera mostrada. Outro atributo usado geralmente é o ALT que mostra um texto ao passar o mouse sobre a imagem. Também geralmente usamos os atributos HEIGHT e WIDTH para ajudar a manter o design da página: Não recomendamos o uso excessivo pois em alguma situações a imagem perde a resolução alem de ficar distorcida. O uso de programas graficos para redimensionar uma imagem é a melhor maneira de garantir que a imagem fique com uma qualidade adequada! A tag <Img > tambem é usada para criar "image maps" {quebra} == Atributos == align = Determina como a imagem deve ser alinhada. Pode ser seguida dos valores CENTER , LEFT ou RIGHT alt = Dertermina o texto que será mostrado antes da imagem ser carregada e se a imagem não for carregada. No internet explorer e mostrada como tool tip ao passar o mouse sobre imagem border = Determina a largura da borda da imagem em pixels. class = class Indica a qual classe "css" a imagem esta ligada ''coord'' = Coordenadas os elementos do imageMap rect : left-x, top-y, right-x, bottom-y. circle: center-x, center-y, radius. poly: x1, y1, x2, y2, ..., xN, yN. dir = Indica a direção direction (right ou left) que o text (na tag ALT) será mostrado. event = Quando os eventos ocorrem, executa determinada função javascript. galleryimg = O Valor pode ser yes ou no para indicar que a imagem pode ser mostrada na barra de ferramentas. isso é aceito somente pelo internet explorer. id = Você pode dar um nome a imagem que permite fazer referência ou ser referenciada através de javascript height=Altura da imagem em pixels. href= Endereço URL do documento ou objeto que é recebido ao clicar na imagem. hspace= Quantidade de espaços em branco que serão inseridos à direita e esquerda da imagem. ismap = Indica que a imagem está associada com um "image map" lang= Indica a lingua do texto na tag ALT. longdesc = Endereço URL do arquivo que contem uma descrição longa da imagem. name = Nome que será usado como referência à imagem em uma folha de estilo ou Script. Este atributo é apenas aceito por alguns browsers portanto é necessário incluir tambem o atribudo ID sendo que este ultimo é o mais aceito. shape= Define a forma de um "image map" onde "shape" pode ser: default: Especifica a região inteira rect: Define uma região retangular circle: Define uma região circular poly: Define uma região poligonal src= Endereço URL da imagem a ser mostrada. O formato da imagem pode ser GIF, JPG, PNG ou BMP. style= Define o estilo em que a imagem sera mostrada. target = Indica a janela alvo quando usado o atributo HREF title= Você pode dar o titulo à imagem enviando informações adicionais sobre ela. usemap= Indica o uso de um "image map" no lado cliente. vspace= Quantidade de espaços em branco que serão inseridos acima e abaixo da imagem. width= largura da imagem em pixels. == Exemplo == <img border="0" src="minhaimagem.jpg" width="200" height="178" >



Veja Também