Per aconseguir que una imatge sigui al mateix temps un enllaç, només ens cal combinar les tècniques que hem vist anteriorment.

L'esquema bàsic del codi seria aquest:

<a href="RUTA"> <img src="RUTAIMATGE> </a>

I l'exemple pràctic que hem desenvolupat fins ara ens donaria aquest resultat de codi:

<a href="http://www.roigesfera.org"> <img src="http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg> </a>

que es visualitzaria així:

Per a insertar una imatge, en HTML, ens cal únicament tenir la imatge disponible a Internet a través d'uan ruta pública.

Per exemple:

la ruta http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg

s'inserta amb el fragment de codi següent:

<img src="RUTIMATGE" />

Així, el codi

<img src="http://lh6.google.com/roigesfera/R7123gAe9NI/AAAAAAAAAEA/iGyVwLj1QDE/roigesferapromo200blanc.jpg" />

correspon a la imatge

En HTML estricte un enllaç es composat per dos elements bàsics: el text que es mostra i la ruta de la pàgina on anirem a parar en fer-hi clic.

El codi corresponent és el següent:

<a href="RUTA">TEXT</a>

On ens cal substituir la RUTA i el TEXT per allò que desitgem segons les nostres necessitats.

Per exemple, per fer un enllaç a la pàgina principal de la roigesfera ho fariem així:

<a href="http://www.roigesfera.org/">Roigesfera</a>

I el resultat seria aquest:

Roigesfera

Donada l'allau de peticions que hem tingut en aquest sentit, obrim una nova secció de la Roigesfera centrada en la divulgació de qüestions tècniques sobre la publicació, edició i personalització de blocs que esperem us sigui d'ajuda.

Començarem amb alguns fonaments de HTML per tal de facilitar la inserció d'enllaços i imatges i mica en mica anirem tocant altres qüestions més complexes com els canvis de disseny a través de les fulles d'estil CSS, la publicació en dominis propis, i un llarg etcètera.

En aquest sentit, agrairem qualsevol col·laboració, en forma de tutorial, guia o simplement amb la referència a enllaços interessants. Podeu utilitzar el nostre formulari de contacte o dirigir-vos directament al correu electrònic roigesfera[arroba]gmail.com.