Rafael Paulino Desenvolvedor web e mobile

portfolio de Rafael Paulino desenvolvedor web e mobile

Blog - Imagens – Como iserir imagens em uma página HTML

Postado por Rafael Paulino - domingo, 10 de março de 2013

Veja abaixo o código para inserir imagens em sua página:

<img src="figura.jpg" />

Insere uma figura na página.

 

<img lowsrc="figura.jpg" />

Insere uma figura de baixa resolução.

 

Comandos de alinhamento:

 

<img align="center|left|right|top|middle|bottom" />

center – Alinha a imagem no centro (horizontal).
left – Imagem à esquerda e texto à direita.
right – Imagem à direita e texto à esquerda.
top – Alinha-se pelo elemento gráfico mais alto dessa linha.
middle – Alinha a imagem no meio (vertical).
bottom – Alinha-se a imagem na parte inferior.

 

<img src="figura.jpg" alt="texto" />

Insere uma legenda na imagem (ao passar o mouse em cima da imagem a mesma aparece).

 

<img src="figura.jpg" border="1" />

Insere uma borda na imagem, ou retira a borda caso o valor for zero.

 

<img src="figura.jpg" width="100%" height="50%" />

Define largura e altura da imagem.

 

<img src="figura.jpg" hspace="10" vspace="10" />

Espaçamento horizontal e vertical em relação a outros elementos da página.

 

Veja abaixo o resultado do código acima:

figura



Rafael Paulino

Rafael Paulino: Desenvolvedor web e mobile, atua na área desde 2008, apaixonado por esportes principalmente por corrida, musculação, natação e artes marciais. PHP - jQuery - Java Script - Ajax - XHTML5 - CSS - iOS

Veja também:



Recomende 

Entre em contato