Como Colocar Uma Imagem Em HTML

Índice:

Como Colocar Uma Imagem Em HTML
Como Colocar Uma Imagem Em HTML

Vídeo: Como Colocar Uma Imagem Em HTML

Vídeo: Como Colocar Uma Imagem Em HTML
Vídeo: Como INSERIR IMAGEM no HTML - COMPLETO!!!! Passo a Passo! 2024, Abril
Anonim

O texto em uma página da web é muito mais legível quando ilustrado. HTML reserva a tag img para este propósito. Usando-o em combinação com outras marcas, você pode tornar uma imagem um link ativo, incluindo uma versão maior da mesma imagem.

Como colocar uma imagem em HTML
Como colocar uma imagem em HTML

Instruções

Passo 1

Se o arquivo de imagem e o arquivo HTML estiverem localizados na mesma pasta, use o seguinte código HTML para inserir a imagem: onde imagename.jpg

Passo 2

Se o arquivo de imagem estiver localizado no mesmo servidor, mas em uma pasta diferente, altere esta construção da seguinte maneira: onde /pasta/anotherfolder/imagename.jpg

etapa 3

Coloque as imagens armazenadas em outros servidores com cuidado - a proteção contra lixiviação pode ser ativada lá e, em vez da imagem desejada, o visitante de sua página verá um aviso sobre tal proteção. Se não houver tal proteção e o proprietário do servidor de terceiros não se opor à inserção das imagens armazenadas nele nas páginas de outras pessoas, use o seguinte trecho de código: onde https://server.domain/folder/anotherfolder/imagename.jpg

Passo 4

Para que a imagem seja ao mesmo tempo um link para outra página, use o seguinte código:, onde linktext é o endereço do link (local ou global).

Etapa 5

Finalmente, para que quando o usuário clicar na imagem, o usuário possa ver sua cópia ampliada, altere o fragmento anterior da seguinte forma: onde imagename-big.jpg

Recomendado: