Como fazer uma imagem desencadear um link

Video: Link em uma Imagem

páginas da web costumam usar imagens para navegação. Eles são mais bonita do que as ligações de texto simples, e você pode adicionar forma e função em sua página com um elemento. Para criar uma imagem que aciona um link, você substituir um elemento no lugar do texto para que você ancorar seu link.

Essa marcação links de texto:

Visite o W3C

Essa marcação substitui o texto Visite o W3C com um ícone apropriado:

Video: como fazer imagem com link



A marcação anterior cria uma imagem ligada a https://w3.org. Neste exemplo, o texto alternativo agora lê Visite o Web Site W3C, para que os usuários que não podem ver a imagem sei onde o link vai. Quando um usuário move o ponteiro do mouse sobre a imagem, o cursor muda de uma seta para uma mão apontando (ou qualquer ícone o navegador usa para um link).

Esta imagem inclui uma borda azul em torno dele como uma sugestão visual para que os usuários saibam que serve como um link. A borda aparece como um contorno azul (mostrado na figura).

Video: Facebook Como colocar um link na imagem

Um clique rápido da imagem lança o site W3C. É simples assim.

Você pode definir a fronteira de qualquer imagem que você usar em um link para 0 se você quiser manter o navegador da circundante sua imagem com uma linha azul. Sem essa linha, no entanto, os usuários precisam de outros (texto ou alternativos) pistas visuais para que eles saibam que uma imagem é um link.

Video: Como Colocar um Link em uma Imagem

Ter certeza de imagens que servem como ligações gritar para o usuário (com bom gosto, é claro), “Eu sou um link!” Em todos os casos, se o contorno automático é eliminado, você deve construir um esboço no próprio gráfico ou adicionar uma legenda que indica que a imagem serve como um link.


Publicações relacionadas