Nilalaman

• Upang humakbang
• Paraan 1 ng 1: Pagpasok ng Mga Larawan gamit ang HTML
• Mga Tip
• Mga babala

Ang pagdaragdag ng mga imahe sa iyong website o profile sa social network ay isang mahusay na paraan upang bihisan ang iyong web page. Ang HTML (HyperText Markup Language) ay maraming mga pag-andar para sa paglikha ng mga web page, ngunit sa kabutihang palad ang code na kailangan mo upang magdagdag ng mga imahe ay hindi masyadong mahirap.

Upang humakbang

Paraan 1 ng 1: Pagpasok ng Mga Larawan gamit ang HTML

1. I-upload ang iyong imahe sa isang libreng website ng pagho-host, tulad ng Photobucket o TinyPic, na nagpapahintulot sa mainit na pag-link. Pinapayagan ng hot-linking para sa isang direktang link ng isang imahe sa server ng website; ipinagbawal ito ng ilang mga tagabigay dahil ang mainit na pag-link ay gumagamit ng kanilang bandwidth at tumatagal ng puwang sa kanilang mga server.
   • Kung mayroon kang isang bayad na hosting account, i-upload ang mga imahe nang direkta sa server kung saan nakalagay ang iyong website. Ito ay palaging mas maaasahan kaysa sa isang libreng site at hindi na kailangang maging mahal.
2. Magbukas ng bagong dokumento sa isang text editor (hal., Notepad / Notepad) o buksan ang pahina sa iyong website / profile kung saan maaari mong direktang baguhin ang HTML code.
3. Magsimula sa img tag Ang img walang laman ang tag, nangangahulugang walang kinakailangang tag ng pagsasara. Gayunpaman, para sa pagpapatunay ng XHTML maaari mo pa ring ilagay ang isang puwang at isang slash sa harap nito mahigit sa tanda.
   • img />
4. Maraming magagamit na mga katangian, ngunit isa lamang ang kinakailangan:src. Iyon ang lokasyon / address, o pati na rin ang URL, ng iyong imahe.
   • img src = "URL ng imahe" />
5. Susunod na kailangan mo alt magdagdag ng katangian Ipinapakita nito ang isang kahaliling teksto, kung sakaling hindi ma-load ang imahe. Ito rin ay isang serbisyo para sa may kapansanan sa paningin na gumagamit ng mga mambabasa ng screen.
   • Kung i-hover mo ang cursor sa isang imahe, ipinapakita rin ang teksto na ito bilang isang tooltip, ngunit ito lang ang kaso sa Internet Explorer. Ang solusyon na gumagana sa lahat ng mga browser (Firefox et al.) ay sa ito pamagat katangian na gagamitin bilang karagdagan sa alt. (Maaari mong alisin ang huli kung hindi mo nais na magkaroon ng tooltip ang imahe.)

Bilang isang halimbawa:img src = "URL ng imahe" alt = "Kung sakali" titulo = "Tooltip" />

1. Ngayon ay maaari mong ipahiwatig ang laki ng imahe kasama ang taas at lapad katangian, at sa pamamagitan ng pagtukoy ng mga pixel o isang porsyento. Tandaan na ang pagbabago ng laki sa ganitong paraan ay binabago lamang ang laki ng view, hindi ang laki ng imahe mismo. Upang paikliin ang oras ng paglo-load ng isang imahe, mas mabuti, lalo na sa malalaking imahe, upang baguhin ang laki sa mga ito nang maaga sa software sa pag-edit ng larawan o sa isang serbisyong online tulad ng PicResize.com.
   • img src = "URL ng imahe" alt = "Kung sakali" titulo = "Tooltip" taas = "50%" lapad = "50%" />
   • img src = "URL ng imahe" alt = "Kung sakali" titulo = "Tooltip" taas = "25px" lapad = "50px" />

Mga Tip

• Ang halaga para sa mga katangiang ito ay maaaring ibigay sa mga pixel, o bilang isang porsyento, mula 1-100%.
• Ang imahe ay maaaring mailagay kahit saan sa web page, gamit ang iba't ibang mga katangian ng pag-format tulad ng sa itaas, ibaba, gitna, kanan, kaliwa atbp.
• Ginamit ang katangiang hspace upang maipasok ang pahalang na puwang sa kaliwa at kanan ng isang imahe, habang ang katangiang vspace ay ginagamit upang magkaroon ng puwang sa tuktok at ibaba ng mga imahe at iba pang mga bagay.
• Huwag magpakasawa nang labis sa mga imahe. Mukha itong magulo at hindi propesyonal.
• Ang mga imahe ng GIF ay mainam para sa mga logo o cartoons, ngunit ang uri ng file na ito ay hindi gaanong angkop para sa mga larawan at iba pang mga imahe na may maraming mga kulay.
  • Sinusuportahan lamang ng mga imahe ng GIF ang 8-bit na kulay na may maximum na 256 na mga kulay para sa isang imahe. Inaasahan na ang pagpaparami ng isang 16 o 24 na bit na larawan ng larawan o larawan ay hindi magiging maganda.
  • Sinusuportahan din ng mga imahe ng GIF ang transparency. Ang isang piraso ng transparency ay posible, na nangangahulugang ang isang kulay ay maaaring gawing transparent.
  • Ang interlacing ay sinusuportahan din ng mga imahe ng GIF na nangangahulugang ang bisita sa site ay makakakuha ng isang ideya kung ano ang magiging hitsura ng imahe bago ito ganap na mai-load.
  • Sinusuportahan din ng format ng GIF ang animasyon.
• Tiyaking isinasaad ng URL ang format ng file ng imahe (..webp .gif atbp).

Mga babala

• Huwag Hotlink!