Etiqueta Imagem HTML
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?
Explicação
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="test.jpg">
Resultado:
Aqui vamos supor que temos o arquivo de imagem no mesmo directório do arquivo html.
Também podemos dar o caminho completo para o directório como
Exemplo:
<img src="C:\images\test.jpg">
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="test.jpg" width=100 height=100>
Resultado:
Alinhamento:
Podemos alinhar a imagem utilizando o atributo "align".
O atributo aceita valores left ou right ou center.
Código de Exemplo:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Resultado:
Contornos:
Podemos definir contornos em volta das imagens utilizando o atributo "border". Este pode ser usado para criar um espaço em redor da imagem.
Código de Exemplo:
<img src="test.jpg" border=4>
Resultado: