Com Afegir Un Enllaç A Una Imatge

Taula de continguts:

Com Afegir Un Enllaç A Una Imatge
Com Afegir Un Enllaç A Una Imatge

Vídeo: Com Afegir Un Enllaç A Una Imatge

Vídeo: Com Afegir Un Enllaç A Una Imatge
Vídeo: com posar una imatge al bloc i fer un enllaç.avi 2024, Maig
Anonim

És molt convenient quan l'àrea de l'enllaç actiu no és text, sinó una imatge. El llenguatge de marques HTML és molt capaç de fer-ho. Només cal combinar les etiquetes d’una manera especial.

Com afegir un enllaç a una imatge
Com afegir un enllaç a una imatge

Instruccions

Pas 1

Si tots els fitxers del servidor s’emmagatzemen en una carpeta, escriviu el següent codi HTML de la pàgina:

‹A href=page.html› En fer clic en aquest enllaç, accedireu a una altra pàgina del lloc ‹/a›

Pas 2

Obteniu informació sobre com inserir enllaços a pàgines locals ubicades en llocs de tercers al vostre HTML:

‹A href= https://server.domain/folder/page.html› En fer clic en aquest enllaç, accedireu a una pàgina situada en un lloc completament diferent ‹/a›

Pas 3

Ara, comproveu com inserir imatges en una pàgina que s’emmagatzema al mateix servidor que el lloc, sempre que tots els fitxers d’aquest servidor s’emmagatzemin en una carpeta compartida:

‹Img src = filename.jpg›

Pas 4

De la mateixa manera, inseriu imatges emmagatzemades en servidors de tercers a la pàgina:

‹Img src =

Tingueu en compte, però, que alguns servidors no permeten inserir imatges a pàgines fora d’elles, que mostren salvapantalles d’avís o no mostren res. En aquests casos, no copieu la imatge a un servidor local, ja que serà una violació dels drets d'autor. És millor donar un enllaç a aquesta imatge.

Pas 5

Per fer clic a una imatge per seguir l'enllaç, combina aquestes etiquetes de la següent manera:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›

Si es desitja, substituïu en aquesta construcció l'enllaç global a la pàgina per la local o, al contrari, l'enllaç local a la imatge amb la global.

Pas 6

Finalment, si voleu seguir l'enllaç fent clic tant a la imatge com al text que hi ha a sota, utilitzeu una construcció més complexa com aquesta:

‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Se us redirigirà a una altra pàgina independentment de si feu clic a aquest text o a la part superior imatge. El resultat serà exactament el mateix.

Recomanat: