Olá a todos!
Hoje vou dar alguns exemplos de como adicionar um link em uma imagem que será exibida em uma página web, utilizando o HTML.
Para usar uma imagem como um link, simplesmente adicione a tag <img> dentro da tag <a> ,como no exemplo abaixo:
Onde: no atributo <href> devemos adicionar o link para onde a imagem deve redirecionar. Pode ser o endereço de uma página externa, por exemplo.
No atributo <src> devemos adicionar o caminho onde a imagem está armazenada. Por exemplo: se estiver no diretório C:\ da sua máquina, dentro de um subdiretório chamado Imagens, você deve colocar o endereço completo, incluindo o arquivo da imagem, que será: C:\Imagens\flores.jpg
Lembrem-se, os valores dos atributos, devem estar entre aspas duplas, caso contrário, poderá não apresentar do jeito esperado.
No atributo <alt> devemos colocar o texto que queremos que seja exibido ao passar o mouse em cima da imagem. Os programas leitores de páginas, utilizados pelos deficientes visuais, lêem este atributo, e portanto o usuário saberá que naquele espaço da sua página está uma imagem e o que ela representa. E caso a imagem não seja carregada na página, o usuário saberá o que ela representa pela descrição que você colocará neste atributo.
Aqui está o exemplo completo, ou seja, com todos os valores dos atributos citados acima:
Simples não?
Não esqueçam de comentar o que acharam do artigo.
Abraços e até o próximo post!!!!
Nenhum comentário :
Postar um comentário