Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » Tutoriais de Códigos » 

[HTML] Colocando um link em uma imagem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]


Administrador

em Sex Abr 10, 2015 6:04 pm
Imagem com link


Introdução: Este tutorial explicará como colocar um link "dentro" de uma imagem. Ou seja, ao passar por cima da imagem poderemos clicar em cima e essa imagem nos redireccionará para uma página.


Escolhendo o link:

Código:
<a href="http://techmais.forumeiros.com/"></a>

O link está escolhido agora resta nos escolher a imagem para realizar o efeito pretendido.

Escolhendo a imagem:

Código:
<img src="http://i.imgur.com/ZUtbzCO.gif">

A imagem está escolhida, passaremos então para o efeito.

Unindo a imagem e o link:

Código:
<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>

Muito simples. Apenas colocar o [codebox]img (imagem)[/codebox] dentro do [codebox]a (link)[/codebox], e logo a imagem como link.

Resultado:

(Clique na imagem)

Código:
<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>




© Mais Info



Última edição por RafaelS. em Dom Fev 14, 2016 3:37 am, editado 1 vez(es)

Ver perfil do usuário http://techmais.forumeiros.com

Usuário astucioso

em Sab Abr 11, 2015 1:25 am
Demais. :lol:

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum