Kép Beszúrása Egy Linkbe

Tartalomjegyzék:

Kép Beszúrása Egy Linkbe
Kép Beszúrása Egy Linkbe

Videó: Kép Beszúrása Egy Linkbe

Videó: Kép Beszúrása Egy Linkbe
Videó: 6. osztályosoknak: Képek beszúrása Word dokumentumba, kép szerkesztése 2024, November
Anonim

A HTML nyelv szintaxisa lehetővé teszi, hogy hiperhivatkozásokat ne csak szöveges, hanem grafikus formában is létrehozzon. Egy webhelylátogató számára egy ilyen link képnek tűnik, és amikor a képre kattint, egy másik weboldalra lép.

Kép beszúrása egy linkbe
Kép beszúrása egy linkbe

Utasítás

1. lépés

Bármely grafikus szerkesztővel csökkentse a képet. Mérete a koordináták egyikében sem haladhatja meg a 200 pixelt. Jobb, ha a kép vízszintes elrendezésű. Ez lehet például egy virtuális gomb, amelyre a felirat művészi betűtípussal készült. A képformátumnak a következők egyikének kell lennie: JPG, PNG, GIF. Az első a fényképek, a maradék kettő pedig a vonalas rajzok számára előnyös (ez a legjobb tömörítés). Ügyeljen arra, hogy a változás eredményét új néven mentse, hogy ne rontsa el az eredetit.

2. lépés

Töltse fel a képfájlt a HTML-fájl mappájában található kiszolgálóra. Az ilyen letöltéshez használhatja a webes felületet (ha elérhető a tárhelyszolgáltatótól) vagy bármely FTP kliens programot.

3. lépés

Helyezze a következő kódrészletet a HTML fájl kívánt helyre:, ahol a "href =" operátor utáni kifejezés az a cím, amelyre a link vezet, a someimage

4. lépés

Néhány felhasználó számára a képek megjelenítése a böngészőben le van tiltva. Ezért tanácsos közvetlenül a kép alá magyarázatot adni arról, hogy a link hol vezet. Ebben az esetben módosítsa a fenti kódrészletet, hogy így nézzen ki:

Rovarok Vértes. A kép alatt magyarázó szöveg jelenik meg. Kattintson rá a linkre is.

5. lépés

Miután feltöltötte a HTML-fájl frissített verzióját a szerverre, nyissa meg a megfelelő oldalt a böngészőben, majd ellenőrizze, hogy a kép megjelenik-e és a link érvényes-e. A mentén történő átmenet akkor következik be, amikor a képre és az alatta található magyarázó feliratra kattint (ha van ilyen).

Ajánlott: