登录 | 注册 | FAQ
Anonymous

Como anexar link com as imagens?

+ 发表回复

4 篇帖子 分页: 1 / 1


Como anexar link com as imagens?

Leond » 周一 2月 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.
头像

Leond

  • 帖子: 1
  • 注册: 周六 1月 11, 2014 6:35 pm

Re: Como anexar link com as imagens?

XainPro » 周二 2月 25, 2014 8:06 am

<a href="abc.html">
<img src="abc.jpg" />
</a>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm

Re: Como anexar link com as imagens?

Brazilix » 周三 2月 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
头像

Brazilix

  • 帖子: 7
  • 注册: 周三 10月 23, 2013 8:28 am

Re: Como anexar link com as imagens?

Bruno Bezerra » 周三 3月 26, 2014 8:53 pm

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

代码: 全选
<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.
头像

Bruno Bezerra

  • 帖子: 16
  • 注册: 周三 3月 26, 2014 8:31 pm
  • 地址: Brasil.


+ 发表回复

分页: 1 / 1