Como colocar link na imagem. TAG
Você que esta começando seu blog, site e entre outros. precisa colocar imagens com links, seja para download, anúncios ou até para sua rede social. E você que é estudante e queira saber dessa tag.
Código:
<a href="http://clkmein.com/qGLwXN" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="88" data-original-width="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA5OOuovKIQpacZgMqLaoRXwyrsmj2wkGO4P7PpI79Yo9UiVwDq4GQeigw9UqTC1h5IRgYr0KXHZbcX69Kpr7VL8XhVNbU8Tf2O5kWdChConp2QLDxTWGGzLbF533Y8Usn2IrjbNgVP0/s1600/Dowload.png" /></a>
Ela é simples e consiste no seguinte, você deve abrir o "<a/>" essa basicamente sera do link de sua imagem. Dentro dela você deve colocar o <img/>.
Não entendeu? Tá uma merda essa explicação? calma... se liga no codigo abaixo, que você entendera.
Código:
<a href="http://clkmein.com/qGLwXN" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="88" data-original-width="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA5OOuovKIQpacZgMqLaoRXwyrsmj2wkGO4P7PpI79Yo9UiVwDq4GQeigw9UqTC1h5IRgYr0KXHZbcX69Kpr7VL8XhVNbU8Tf2O5kWdChConp2QLDxTWGGzLbF533Y8Usn2IrjbNgVP0/s1600/Dowload.png" /></a>
Esse codigo fara com que essa imagem de download abra um link.
Onde faz isso?
bom se liga no href depois do "<a " é lá que você deve por seu link, caro jovem. É apartir de lá que irá abrir o link.
Ok, entendi, mas e a imagem? Como coloco?
Esta vendo o "<img" e logo mais para frente tem "src", é lá que você deve colar o link de sua imagem.
Algumas explicações.
Style: Basicamente ele informa como você quer que a imagem fique... Booom... se queres que ela fica com um puco para a direita com "margin-right" ou para a esquerda com, "margin-left", mas dai é você quem escolhe.
border: define se você vai querer bordas na imagem.
Ainda com duvida? caro elementar.
Não se reprima, pergunte ai em baixo.
"Não existe pergunta besta, existe besta que não pergunta."
Boa programação...
Comentários
Postar um comentário