El text d’una pàgina web és molt més llegible quan s’il·lustra. HTML reserva l'etiqueta img amb aquest propòsit. En utilitzar-lo en combinació amb altres etiquetes, podeu convertir una imatge en un enllaç actiu, inclosa una versió més gran de la mateixa imatge.
Instruccions
Pas 1
Si el fitxer imatge i el fitxer HTML es troben a la mateixa carpeta, utilitzeu el codi HTML següent per inserir la imatge: on imagename.jpg
Pas 2
Si el fitxer d'imatge es troba al mateix servidor, però en una carpeta diferent, canvieu aquesta construcció de la següent manera: on /folder/anotherfolder/imagename.jpg
Pas 3
Col·loqueu les imatges emmagatzemades en altres servidors amb precaució: és possible que hi estigui activada la protecció contra la lixiviació i, en lloc de la imatge desitjada, el visitant de la vostra pàgina veurà un advertiment sobre aquesta protecció. Si no hi ha aquesta protecció i el propietari del servidor de tercers no s’oposa a la inserció de les imatges allí emmagatzemades a les pàgines d’altres persones, utilitzeu el fragment de codi següent: on https://server.domain/folder/anotherfolder/imagename.jpg
Pas 4
Perquè la imatge sigui al mateix temps un enllaç a una altra pàgina, utilitzeu el codi següent:, on linktext és l'adreça de l'enllaç (local o global).
Pas 5
Finalment, perquè quan l’usuari faci clic a la imatge, pugui veure la seva còpia ampliada, canvieu el fragment anterior de la següent manera: on imagename-big.jpg