Com-es-fa‎ > ‎How-to-do‎ > ‎

Posar un link a una imatge

6 de febr. 2011, 2:27 publicada per Albert Profe   [ actualitzat el 26 de nov. 2011, 14:32 ]
Exemple de Link a una imatge


que el fem apuntar a google.cat

Ho podem fer de dos maneres:

  1. una amb el quadre-botó propietats de la imatge només inserida
  2. o modificant el codi HTML.

Amb botó propietats:

  1. Utilitzeu el menú Inserir i trieu la imatge a afegir a la seva pàgina.

  2. Seleccioneu (o feu clic) a la imatge -Propietats- i podràs veure l'opció Enllaça en el quadre de diàleg que apareix: utilitzar l'enllaç Modificar.

  3. S'obra Crea un enllaç. Pots triar la pàgina que vols vincular o ves a la pestanya d'adreces web i afegir l'URL que voleu establir com a vincle -link-.

  4. Utilitzeu el botó D'acord -OK- i la seva imatge ara s'enllaça amb la pàgina o adreça web que has triat.



Codi d'instruccions HTML:

Només aquestes instruccions si voleu introduir manualment  l'enllaç en codi HTML.

  1. Utilitzeu el menú Inserir i la imatge per afegir la seva imatge a la pàgina.

  2. Un cop afegida la imatge a la pàgina de Llocs Web, Google fa que la imatge tingui de forma automàtica un enllaç en si mateixa, per la qual cosa necessitem alterar aquest enllaç per que apunti a la pàgina web que volem: per a això cal utilitzar el botó HTML per editar el codi HTML al voltant de la imatge.

  3. Una vegada en el codi HTML trobar el codi de Link

    <a     href="web que volem linkar"> </ a>

  4. Al voltant de la imatge i canviar el contingut de la

    href ="web que volem linkar"

    a l'adreça web que vulgueu apuntar.

  5. Si voleu afegir una etiqueta de text alternatiu a la imatge, així que la imatge no es descarrega o una persona amb discapacitat visual mitjançant un lector de pantalla pot llindar d'obtenir la informació de les imatges que transmet afegir

    alt = "text alternatiu"

    a l'interior de la     <img> etiquetes.

  6. Si vols donar més informació de la imatge de l'enllaç on el portarà a continuació,afegiu un atribut de títol a la relació: per fer aquesta extensió

    title = "text descriptiu"     a la <a href="...">

  7. Si voleu que l'enllaç s'obri en una nova finestra a continuació, afegiu un atribut de destinació per a l'enllaç:

    target     = "_blank"     a la <a href="...">
Amb botó propietats:




Codi d'instruccions HTML:



Codi HTML a modificar

<a href="https://sites.google.com/site/albertprofe/google-site-plus/google-sites-com-es-fa/_draft_post/GoogleApps.jpg" imageanchor="1">


Codi HTML modificat

<a href="www.goolge.com" imageanchor="1">


Si no trobeu l'etiqueta <a> </a> s'ha d'afegir

<a href="web que volem linkar" imageanchor="1">
<img src="web de la imatge" >
</a>

Comments