Paano Ipasok Ang Isang Imahe Sa Isang Link

Talaan ng mga Nilalaman:

Paano Ipasok Ang Isang Imahe Sa Isang Link
Paano Ipasok Ang Isang Imahe Sa Isang Link

Video: Paano Ipasok Ang Isang Imahe Sa Isang Link

Video: Paano Ipasok Ang Isang Imahe Sa Isang Link
Video: Paano mag attach ng files, pictures ,videos sa Shared Link via google drive gamit ang Android Phone 2024, Nobyembre
Anonim

Pinapayagan ka ng syntax ng wikang HTML na gumawa ng mga hyperlink hindi lamang sa tekstuwal, kundi pati na rin sa grapiko. Para sa isang bisita sa site, tulad ng isang link ay mukhang isang imahe, at kapag nag-click ka sa imahe, pumunta ka sa isa pang web page.

Paano ipasok ang isang imahe sa isang link
Paano ipasok ang isang imahe sa isang link

Panuto

Hakbang 1

Gamit ang anumang graphic editor, bawasan ang imahe. Ang laki nito sa alinman sa mga coordinate ay hindi dapat lumagpas sa 200 mga pixel. Mas mabuti kung ang larawan ay may isang pahalang na layout. Maaari itong, halimbawa, isang virtual na pindutan, ang inskripsyon kung saan ginawa sa isang masining na font. Ang format ng imahe ay dapat na isa sa mga sumusunod: JPG, PNG, GIF. Ang una ay ginustong para sa mga litrato, at ang natitirang dalawa ay ginusto para sa line art (ito ang pinakamahusay na compression). Tiyaking i-save ang resulta ng pagbabago sa ilalim ng isang bagong pangalan upang hindi masira ang orihinal.

Hakbang 2

I-upload ang file ng imahe sa server sa folder kung saan matatagpuan ang HTML file. Upang maisakatuparan ang naturang pag-download, maaari mong gamitin ang web interface (kung magagamit mula sa hosting provider) o anumang programa ng FTP client.

Hakbang 3

Ilagay ang sumusunod na code snippet sa nais na lugar sa HTML file:, kung saan ang ekspresyon pagkatapos ng "href =" operator ay ang address kung saan humahantong ang link, at ang someimage

Hakbang 4

Para sa ilang mga gumagamit, hindi pinagana ang pagpapakita ng mga imahe sa browser. Samakatuwid, ipinapayong maglagay ng isang paliwanag kung saan direktang humahantong ang link sa ilalim ng larawan. Sa kasong iyon, baguhin ang snippet ng code sa itaas upang magmukhang ganito:

Pagsasara ng mga insekto. Lilitaw ang tekstong nagpapaliwanag sa ibaba ng imahe. Ang pag-click dito ay dadalhin ka rin sa link.

Hakbang 5

Matapos i-upload ang na-update na bersyon ng HTML file sa server, buksan ang kaukulang pahina sa browser, at pagkatapos ay tiyaking ipinakita ang imahe at wasto ang link. Ang paglipat kasama nito ay dapat mangyari kapag nag-click ka pareho sa imahe at sa nagpapaliwanag na inskripsiyong matatagpuan sa ilalim nito (kung mayroon man).

Inirerekumendang: