páginas da web são capazes de muito mais do que o texto, e se você construir a sua página web com HTML5, você pode adicionar imagens em uma variedade de tipos de arquivos, incluindo .jpg

, .jpg, e .jpg. A figura mostra uma página web com um incorporado imagem- o código que se segue mostra o código da página.

Demonstração imagem
Esta página tem uma imagem de um macaco
Este macaco é chamado de `Suzanne`. É um defaultobject em uma incrível modelagem 3D gratuita toolcalled `Blender`.

Adicionando uma imagem é relativamente fácil- basta seguir estes passos:

1. Identificar a imagem que você deseja usar.

   Tenha certeza que você tem permissão para usar a imagem em seu site.

2. Modificar a imagem, se necessário.

   Video: Colocando imagem na página - HTML avançado - aula 6 [HD] - FamwebTV

   É melhor para redimensionar suas imagens antes de usá-los na web. Você pode usar software de manipulação de imagens comerciais ou programas gratuitos, como IrfanView e galão.

3. Escolha o tipo de imagem.

   Se sua imagem está em um formato diferente de web-friendly .jpg, .jpg, ou .png, usar uma ferramenta como IrfanView ou Gimp para alterá-lo para um desses formatos.

4. 
   
   
   

   Coloque sua imagem no lugar certo.

   Video: Vídeo Aula HTML 5 - Inserção de imagens

   Coloque o arquivo de imagem no mesmo diretório que o arquivo HTML. Dessa forma, quando você postar sua página para o servidor, você pode mover a imagem também.

5. Construa a sua página como normal.

   A imagem vai ser colocado com uma etiqueta encaixada no corpo.

6. Use o tag para indicar a imagem.

   Incorporar esta tag dentro de um (parágrafo) ou (divisão) par para que a página valida corretamente.

7. Use o srcatributo para indicar o arquivo que contém a imagem.

   Se o arquivo de imagem está no mesmo diretório que a página web, tudo o que você precisa é o nome da imagem. Se o arquivo de imagem está em outro lugar na Internet, você pode usar uma URL completa.

8. incluir uma alt atributo que descreve a imagem.

   A alt tag é importante para os visitantes que não podem ver a sua imagem - usuários com deficiência visual, pessoas que tenham desligado imagens para aumentar a velocidade de navegação, e bots motor de busca, que não pode ver as imagens, mas ler alt Tag.

9. Acabar com a tag de imagem com um /.

   o img tag é uma tag especial one-shot que não requer (ou permitir) uma tag final. O personagem barra no final da tag indica isso.