Vídeo: Como fazer um cartão online totalmente clicável 2024
As páginas da Web geralmente usam imagens para navegação. Eles são mais bonitos que os links de texto simples, e você pode adicionar a forma e a função na sua página com um elemento. Para criar uma imagem que desencadeia um link, você substitui um elemento
Este markup liga o texto:
Visite o W3C
Este markup substitui o texto Visite o W3C com um ícone apropriado:
A marcação anterior cria uma imagem vinculada para // www. w3. org. Neste exemplo, o texto alternativo agora lê Visite o site da W3C, para que os usuários que não conseguem ver a imagem sabem onde o link vai. Quando um usuário move o ponteiro do mouse sobre a imagem, o cursor muda de uma flecha para uma mão apontadora (ou qualquer ícone que o navegador use para um link).
Esta imagem inclui uma borda azul em torno dela como uma sugestão visual para que os usuários saibam que ela serve como um link. A borda aparece como um contorno azul (mostrado na figura).
Um clique rápido da imagem lança o site do W3C. É simples assim.
Você pode definir a borda de qualquer imagem que você usa em um link para 0 se desejar manter o navegador em torno da sua imagem com uma linha azul. Sem essa linha, no entanto, os usuários precisam de outras pistas visuais (ou textos alternativos) para que eles saibam que uma imagem é um link.
Certifique-se de que as imagens que servem como links gritam para o usuário (com bom gosto, é claro), "Eu sou um link! "Em todos os casos, se o esquema automático for eliminado, você deve criar um esboço no próprio gráfico ou adicionar uma legenda que indique que a imagem serve como um link.
