Como Inserir Uma Imagem Em Um Link

Índice:

Como Inserir Uma Imagem Em Um Link
Como Inserir Uma Imagem Em Um Link

Vídeo: Como Inserir Uma Imagem Em Um Link

Vídeo: Como Inserir Uma Imagem Em Um Link
Vídeo: COMO COLOCAR LINK EM IMAGEM? 2021 2024, Maio
Anonim

A sintaxe da linguagem HTML permite que você faça hiperlinks não apenas textuais, mas também gráficos. Para um visitante do site, esse link se parece com uma imagem e, quando você clica na imagem, vai para outra página da web.

Como inserir uma imagem em um link
Como inserir uma imagem em um link

Instruções

Passo 1

Usando qualquer editor gráfico, reduza a imagem. Seu tamanho em qualquer uma das coordenadas não deve exceder 200 pixels. É melhor se a imagem tiver um layout horizontal. Pode ser, por exemplo, um botão virtual, cuja inscrição é feita em uma fonte artística. O formato da imagem deve ser um dos seguintes: JPG, PNG, GIF. O primeiro é preferido para fotografias e os dois restantes são preferidos para arte de linha (esta é a melhor compressão). Certifique-se de salvar o resultado da alteração com um novo nome para não estragar o original.

Passo 2

Faça upload do arquivo de imagem para o servidor na pasta onde o arquivo HTML está localizado. Para fazer esse download, você pode usar a interface da web (se disponível no provedor de hospedagem) ou qualquer programa cliente de FTP.

etapa 3

Coloque o seguinte trecho de código no local desejado no arquivo HTML:, onde a expressão após o operador "href =" é o endereço ao qual o link leva e someimage

Passo 4

Para alguns usuários, a exibição de imagens no navegador está desabilitada. Portanto, é aconselhável colocar uma explicação de para onde o link leva diretamente abaixo da imagem. Nesse caso, modifique o snippet de código acima para ficar assim:

Close up de insetos. Texto explicativo aparecerá abaixo da imagem. Clicar nele também o levará ao link.

Etapa 5

Após fazer o upload da versão atualizada do arquivo HTML para o servidor, abra a página correspondente no navegador e certifique-se de que a imagem seja exibida e o link seja válido. A transição ao longo dela deve ocorrer ao clicar na imagem e na inscrição explicativa localizada abaixo dela (se houver).

Recomendado: