segunda-feira, 27 de abril de 2015

DICA 7: COMO INSERIR UMA IMAGEM EM HTML


DICA 7: COMO INSERIR UMA IMAGEM EM HTML

Etiqueta para definir o contorno da imagem em html?
Quero criar a imagem em ambas a extremidades à esquerda e à direita na mesma linha?

PASSO 1: Etiqueta Imagem
<img>
Para inserir uma imagem na sua página precisamos de usar a etiqueta "img" com o atributo "src"

Código de Exemplo:
<img src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg">

Resultado:


PASSO 2: Largura e Altura:
Podemos redimensionar as imagens que são exibidas em páginas web utilizando os atributos da largura e altura.

Código de Exemplo:
<img src=" https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg" width=100 height=100>

Resultado:

PASSO 3: Alinhamento:
Podemos alinhar a imagem utilizando o atributo "align".
O atributo aceita valores left (esquerda) ou right (direita) ou center (centro).

Código de Exemplo:
<img src=" https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg" align=center> <img src="test.jpg" align=center>

Resultado:

Sem comentários:

Enviar um comentário