Hur Man Sätter In En Bild I En Länk

Innehållsförteckning:

Hur Man Sätter In En Bild I En Länk
Hur Man Sätter In En Bild I En Länk

Video: Hur Man Sätter In En Bild I En Länk

Video: Hur Man Sätter In En Bild I En Länk
Video: Adobe Photoshop - Tutorial 122 (How to Insert Links in Image)🔥🔥🔥 2024, Maj
Anonim

Syntaxen för HTML-språket gör att du kan göra hyperlänkar inte bara textuella utan också grafiska. För en webbplatsbesökare ser en sådan länk ut som en bild, och när du klickar på bilden går du till en annan webbsida.

Hur man sätter in en bild i en länk
Hur man sätter in en bild i en länk

Instruktioner

Steg 1

Använd valfri grafikredigerare för att minska bilden. Dess storlek i någon av koordinaterna bör inte överstiga 200 pixlar. Det är bättre om bilden har en horisontell layout. Detta kan till exempel vara en virtuell knapp vars inskription är gjord i ett konstnärligt teckensnitt. Bildformatet måste vara något av följande: JPG, PNG, GIF. Den första föredras för fotografier och de återstående två föredras för streckdekorationer (detta är den bästa komprimeringen). Se till att spara resultatet av ändringen under ett nytt namn för att inte förstöra originalet.

Steg 2

Ladda upp bildfilen till servern i mappen där HTML-filen finns. För att göra en sådan nedladdning kan du använda webbgränssnittet (om tillgängligt från värdleverantören) eller något annat FTP-klientprogram.

Steg 3

Placera följande kodavsnitt på önskad plats i HTML-filen:, där uttrycket efter "href =" -operatören är adressen till vilken länken leder, och someimage

Steg 4

För vissa användare är visningen av bilder i webbläsaren inaktiverad. Därför är det lämpligt att placera en förklaring till var länken leder direkt under bilden. I så fall kan du ändra kodavsnittet ovan så att det ser ut så här:

Insekter närbild. Förklarande text visas under bilden. Om du klickar på den kommer du också till länken.

Steg 5

Efter att ha laddat upp den uppdaterade versionen av HTML-filen till servern, öppna motsvarande sida i webbläsaren och se till att bilden visas och länken är giltig. Övergången längs den ska ske när du klickar både på bilden och på den förklarande inskriptionen som finns under den (om någon).

Rekommenderad: