Codex

< <iframe> | Índice | <input> >

Relação de tags


A tag img

A tag do exemplo abaixo embute uma imagem no documento html, que sem nenhuma definição de estilo, respeitará sua posição conforme aparecimento da tag dentro do código do documento HTML, terá também altura e largura de 42 pixels e será alinhada primeiramente conforme o alinhamento do texto.

Exemplo:


Uso da tag img

A tag <img> possui dois atributos requeridos: src e alt.

As imagens não são técnicamente inseridas em uma página HTML, as imagens são embutidas nas páginas. A tag <img> cria uma espaço para a imagem referenciada.

Para criar um link para um documento ou imagem, através de uma imagem, coloque a tag <img> dentro de uma tag de link <a>.


Suporte dos navegadores

A tag <img> está presente nos principais navegadores.


Diferenças entre HTML e XHTML

No HTML a tag <img> não possui uma tag de fechamento.

No XHTML a tag <img> deve ser devidamente fechada com a barra invertida "/" .


Atributos requeridos

O campo DTD indica quando o atributo é permitido no HTML 4.01/XHTML 1.0. S=Strict, T=Transitional e F=Frameset.

Atributo Valor Descrição DTD
alt texto Especifica um texto alternativo para a imagem STF
src URL Especifica a URL de uma imagem, o endereço onde está a imagem STF

Atributos opcionais

Atributo Valor Descrição DTD
align top, bottom, middle, left, right Deprecado. Use estilos css.

Especifica um alinhamento de uma imagem de acordo com os elementos ao seu redor.

TF
border pixels Deprecado. Use stilos css.Especifica a largura da borda ao redor de uma imagem. TF
height pixels, % Especifica a altura de uma imagem STF
hspace pixels Deprecado. Use estilos css.

Especifica o espaço em branco à direita ou esquerda de uma imagem.

TF
ismap ismap Especifica uma imagem como mapa de imagem server-side STF
longdesc URL Especifica a URL de uma documento que contenha uma descrição longa de uma imagem. STF
usemap #mapname Especifica uma imagem como uma mapa de imagem do lado do cliente STF
vspace pixels Deprecado. Use estilos css.

Especifica o espaço em branco no topo e abaixo da iamagem

TF
width pixels, % Especifica a largura de uma imagem STF

Atributos padrão

A tag <img> possui os seguintes atributos padrão:

Atributo Valor Descrição DTD
class classname Especifica um nome de classe para um elemento STF
dir rtl,ltr Especifica a direção do texto para o conteúdo de um elemento STF
id id Epecifica um elemento único para um elemento STF
lang código de linguagem Especifica um código de linguagem para o conteúdo de um elemento STF
style definição de estilo Especifica um estilo inline ou na linha para um elemento html STF
title texto Especifica informação extrra sobre um elemento STF
xml:lang código de linguagem Especifica um código de linguagem para o conteúdo de um elemento, em documentos XHTML STF

Maiores informações sobre atributos padrão.


Atributos de evento

A tag <img> suporta os seguintes atributos de evento:

Atributo Valor Descrição DTD
onabort script Script que será rodado se o carregamento de uma imagem for interrompido. STF
onclick script Script que será rodado ao clique do mouse STF
ondblclick script Script que será rodado após o duplo clique do mouse STF
onmousedown script Script que será rodado quando o botão do mouse for pressionado. STF
onmousemove script Script que será rodado após movimento do ponteiro do mouse. STF
onmouseout script Script que será rodado quando o ponteiro do mouse se mover para fora de um elemento. STF
onmouseover script Script que será rodado quando o ponteiro do mouse se mover sobr um elemento STF
onmouseup script Script que será rodado quando o botão do mouse for solto STF
onkeydown script Script que será rodado quando uma chave for pressionada STF
onkeypress script Script que será rodado quando uma chave for pressionada e solta STF
onkeyup script Script que será rodado quando uma tecla for solta STF

Mais informações sobre atributos de evento.

< <iframe> | Índice | <input> >