Livre HTML Tutorial






english Espanol Francais 中文 Deutsch 日本 nederlands
   
 

Livre Scripts
Introdução
Como...?
Lista de Etiquetas
html cabeça, corpo
Manipulação de texto
IMAGENS
Efeitos Especiais
Usando Tabelas
Formulários
Outros tópicos

 

Gabarito nesta página



Nome:
Mail
Comentário:
  

 

Etiqueta Imagem HTML


Tutoriais »html »

Tópico

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:





Outros Links

web hosting