Ang mga larawan, tulad ng lahat ng iba pang mga elemento ng isang web page, ay ipinapakita ng browser alinsunod sa mga detalyadong tagubilin na ipinadala ng server. Ang mga tagubiling ito ay nakasulat sa HTML (HyperText Markup Language) at binubuo ng "mga tag". Inilalarawan ng mga tag ang uri ng lahat ng mga elemento ng isang web page, ang kanilang lokasyon at hitsura.
Panuto
Hakbang 1
Una kailangan mong i-upload ang file ng imahe sa server. Maaari itong magawa gamit ang FTP (File Transfer Protocol) sa pamamagitan ng isang espesyal na programa. Ang mga programang ito ay tinatawag na FTP client - halimbawa, Cute FTP, WS FTP, FlashFXP at iba pa. Ngunit maaari mo itong i-download sa pamamagitan ng file manager, na dapat ay nasa control panel ng hosting kung saan naka-host ang iyong site. Pinapayagan ka ng file manager na mag-upload ng mga file sa pamamagitan ng iyong browser.
Hakbang 2
Pagkatapos nito, kailangan mong ilagay ang kaukulang tag sa html-code ng nais na pahina. Iyon ay, dapat mong makita ang pahinang ito at buksan ang source code para sa pag-edit. Kung mayroon kang isang file ng pahina, maaari mo itong buksan sa isang simpleng text editor - halimbawa, karaniwang Notepad. At kung gagamit ka ng anumang system upang pamahalaan ang site, pagkatapos ay sa panel ng pangangasiwa ng sistemang ito, hanapin ang editor ng pahina at buksan dito ang nais na pahina. Pagkatapos nito, mananatili itong upang ipasok ang tag ng imahe sa lugar na kailangan mo sa pahina at i-save ang mga pagbabago.
Hakbang 3
Dagdag pa tungkol sa tag mismo - sa pinakasimpleng form nito, maaaring magmukhang ganito: Naglalaman ang tag ng iba't ibang karagdagang impormasyon - "mga katangian". Mayroon lamang isang kinakailangang katangian para sa tag ng imahe - src. Sinasabi nito sa browser ang address kung saan dapat makuha ang file na naglalaman ng carnink. Kung ang file na ito ay nasa server sa parehong folder (o subfolder) bilang mismong pahina, sapat na upang tukuyin lamang ang pangalan nito o ang path sa subfolder. Ang mga nasabing address ay tinatawag na "kamag-anak". At ang isang ganap na address ay maaaring magmukhang ganito:
- Isa pang katangian - alt="Larawan" - naglalaman ng teksto na lilitaw sa tooltip sa pag-hover ng mouse: Ang iba pang mga katangian - pamagat na gawin ang parehong bagay: - Dalawang mga katangian - lapad at taas - itakda ang laki ng rektanggulo kung saan ang ipapakita ng browser ang imahe: Hindi kinakailangan ang mga katangiang ito, ngunit kung may mali at hindi mai-load ang imahe, ang lahat ng iba pang mga elemento ng pahina ay maaaring wala sa lugar, dahil hindi kinikilala ng browser ang mga sukat na ang imahe ay dapat na sinakop. Ang mga sukat ay tinukoy sa "mga pixel" - ito ang pangunahing yunit ng pagsukat na ginamit sa layout ng pahina. - Itinatakda ng katangian ng hangganan ang lapad ng hangganan sa paligid ng imahe (sa mga pixel): Kung ang isang imahe ay ginawang isang link, kukuha ang browser isang asul na hangganan sa paligid nito bilang default. Upang mapupuksa ito, kailangan mong itakda ang halaga ng hangganan sa zero: - Itinakda ng dalawang katangian ang pagluluklok ng larawan mula sa mga katabing elemento (halimbawa, mula sa mga linya ng teksto) - Itinatakda ng hspace ang pahalang na indentation (kaliwa at kanan), vspace - Patayo (ibaba at itaas): - Ito ang pinakakaraniwang ginagamit na mga katangian, at mayroong higit sa 50 sa kanila para sa tag na ito!
