Zaloguj | Zarejestruj | FAQ
Anonymous

Como anexar link com as imagens?

+ Odpowiedz

Posty: 4 Strona 1 z 1


Como anexar link com as imagens?

przez Leond » Pn lut 24, 2014 12:11 am

Oi pessoal, eu estou aprendendo HTML tem pouco tempo, e gostaria de saber como eu anexo um link em uma imagem. Por exemplo: Clicar em uma imagem, e de lá ir para uma página.
Avatar użytkownika

Leond

  • Posty: 1
  • Dołączył(a): So sty 11, 2014 6:35 pm

Re: Como anexar link com as imagens?

przez XainPro » Wt lut 25, 2014 8:06 am

<a href="abc.html">
<img src="abc.jpg" />
</a>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Como anexar link com as imagens?

przez Brazilix » Śr lut 26, 2014 1:29 am

Olá Sou Professor João trabalho em Uma Universidade de Web Master
e vejo que seu poblema é tão simples de se resolver
veja as dicas abaixo:

para inserir uma images nós usamos o codigo, <img src="Aqui inserimos a URL da Imagem desejada" height="aqui colocamos a altura" width="e aqui a largura" alt="e aqui colocamos o nome da imagem">

após isso nós já sabemos inserir uma imagem

agora iremos aprender a linkar uma imagem

usamos o codigo, <a> para linkar seguido de um codigo dentro dele chamado href usamos ele assim, <a href="link da URL desejada"> e fechamos assim </a>

agora com tudo explicado profissionalmente
anexamos um link a uma imagem assim \/

observe que entre href="aqui nós devemos sempre colocar http:// << sem isso ele ira abrir uma pasta ou outro documento dentro do seu servidor local"

nós iremos fazer assim:

<a href="http://google.com.br/"><img src="http://veja.abril.com.br/blog/radar-on-line/files/2014/01/google.jpg" width="370" height="229" /></a>
e esse é o resultado final:


Espero Ter Ajudado

Assinado: Professor João
Avatar użytkownika

Brazilix

  • Posty: 7
  • Dołączył(a): Śr paź 23, 2013 8:28 am

Re: Como anexar link com as imagens?

przez Bruno Bezerra » Śr mar 26, 2014 8:53 pm

Olá!, Caso queira anexar links em imagens com o atributo target="_blank" é só seguir esse código:

Kod: Zaznacz cały
<a href="http://pt-br.html.net" target="_blank"><img
title="Fórum HTML.net" alt="HTML.net"
src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png" /></a>


OBS: O atributo target="_blank" deve ser utilizado para links que abrirão em nova aba.
Avatar użytkownika

Bruno Bezerra

  • Posty: 16
  • Dołączył(a): Śr mar 26, 2014 8:31 pm
  • Lokalizacja: Brasil.


+ Odpowiedz

Strona 1 z 1