É muito conveniente quando a área do link ativo não é um texto, mas uma imagem. A linguagem de marcação HTML é perfeitamente capaz de fazer isso. Para isso, basta combinar as tags de uma maneira especial.
Instruções
Passo 1
Se todos os arquivos no servidor estiverem armazenados em uma pasta, escreva o seguinte código HTML da página:
‹A href=page.html› Clicar neste link o levará a outra página do site ‹/a›
Passo 2
Saiba como incorporar links para páginas locais localizadas em sites de terceiros em seu HTML:
‹A href= https://server.domain/folder/page.html› Clicar neste link o levará a uma página localizada em um site completamente diferente ‹/a›
etapa 3
Agora, veja como inserir imagens em uma página armazenada no mesmo servidor do site, desde que todos os arquivos desse servidor estejam armazenados em uma pasta compartilhada:
‹Img src = nome do arquivo.jpg›
Passo 4
Da mesma forma, insira imagens armazenadas em servidores de terceiros na página:
‹Img src =
Lembre-se, entretanto, de que alguns servidores não permitem que imagens sejam inseridas em páginas fora deles, exibindo proteções de tela de aviso ou não mostrando nada. Nesses casos, não copie a imagem para um servidor local - será uma violação de direitos autorais. É melhor dar um link para esta foto.
Etapa 5
Para clicar em uma imagem para seguir o link, combine essas tags da seguinte forma:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Se desejar, substitua nesta construção o link global da página pelo local, ou, inversamente, o link local da imagem pelo global.
Etapa 6
Finalmente, se você deseja que o link seja seguido clicando na imagem e no texto abaixo dela, use uma construção mais complexa como esta:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Você será redirecionado para outra página independentemente de clicar neste texto ou acima dele foto. O resultado será exatamente o mesmo.
