Ang larawan ay hindi lamang direktang ipinapasok sa text. Ang browser ay sinabihan ang pangalan nito at itinuro kung saan at kung paano ito iposisyon sa screen. Upang gawin ito, gumamit ng isang HTML img tag. Tinutukoy nito ang lokasyon ng graphic na bagay sa web page.
Kung maraming attribute ang opsyonal para sa mga tag, ang img tag ay dapat na mayroong kahit isang parameter - ang address ng larawan. Ang katangiang ito ay tinatawag na src:
- - ipapakita nito ang goat-j.webp" />
- - gamit ang parameter na ito ng img tag, ilo-load ng browser ang larawang nai-post sa Internet sa site na megasellmag.ru.
Alignment attributes
Upang iposisyon ang mga larawan sa isang page gamit ang HTML, ginagamit ang img tag, ang mga katangian nito ay responsable para sa paglalagay ng larawan sa page at ang katangian ng text wrapping nito.
Bilang default, inilalagay ng browser ang larawan sa gitna ng screen, at hindi ito binabalot ng text. Ang img tag ay magbibigay-daan sa iyong ipahayag ang iyong hindi pagkakasundo sa browser gamit ang align attribute (alignment).
- ipoposisyon ang larawan sa kaliwang gilid ng page, at iikot ang text dito sa kanan.
Magiging magkatulad ang gawi ng text kung ang larawan ay ilalagay sa kanan (align=kanan), sa gitna (align=middle), itaas (align=top), ibaba(align=bottom) at center (gitna).
Mga setting at laki
Para maiwasan ang paggapang ng text sa mga larawan, ang img tag ay nakakuha ng mga espesyal na katangian -hspace (horizontal/horizontal margin) at vspace (vertical/vertical margin), na tumutukoy sa dami ng text indentation mula sa mga gilid ng mga larawan sa pixels.
Ang larawan ay hindi lamang masunurin na lalayo sa text ayon sa tinukoy na halaga, ngunit lalayo rin sa gilid ng page, kaya pinakamahusay na maiwasan ang malalaking indent.
Ang mga geometric na dimensyon ng mga imahe ay napakahalaga, na hindi lamang kanais-nais, ngunit kung minsan ay kinakailangan lamang upang tukuyin para sa tamang pagpapakita ng larawan. Para dito, ginagamit ang mga attribute na lapad (lapad) at taas (taas), ang halaga nito ay nakatakda sa mga pixel o porsyento.
Kung tutukuyin mo lamang ang lapad, awtomatikong pipiliin ang taas kasama ang mga orihinal na sukat. Nagbibigay-daan sa iyo ang mga laki ng porsyento na ilagay ang larawan sa kanang bahagi ng page, anuman ang laki ng window ng browser, at madalas itong kailanganin.
Iba pang mga opsyon
Ang katangian ng hangganan ay nakapaloob ang larawan sa isang frame ng tinukoy na kapal, na hindi ginagawa ng browser bilang default.
Ang hangganan ay maaari ding magkaroon ng tila walang kahulugan na zero-width (border='0'), ngunit iyon ay hanggang sa ang larawan ay maging isang link, kapag ang browser ay awtomatikong bilugan ito ng isang asul na hangganan nang hindi naghihintay ng mga tagubilin.
Ang ilang mga naiinip na user, galit na galit sa mababang bilis ng internet, ay basta na lang idi-disable ang pagpapakita ng mga larawan. Para sa mga ganitong kaso, ang alt parameter ay ibinigay, na nagpapahintulot sa iyo na pumasok alternatibong text na makikita ng user sa kahon kung saan nagmamadaling i-load ang larawan.
Kung hindi mo gusto ang mga posibilidad ng alt parameter, ang img tag ay maaaring mag-alok ng isang longdesc attribute, na ang halaga ay ang URL ng isang dokumento na may mas detalyadong paglalarawan.
Ang usemap at ismap attribute ay nagsasabi sa browser na ang larawan ay magiging isang larawan kung saan ang mga hyperlink ay magkahiwalay na lugar (link map), tanging ang usemap parameter ang tumutukoy sa navigation map sa server, at ismap - ang mapa sa sa panig ng kliyente.
Paglalarawan ng link 1 sa figure sa ibaba:
Mga kakaibang item
Ang lowsrc attribute ay nagtuturo sa browser na mag-download muna ng kopya (o iba pang alternatibo) ng orihinal na larawan na may mas mababang kalidad at, samakatuwid, isang "mas magaan". Ang trick na ito ay ibinigay sa kaso ng mababang bilis ng Internet para sa gumagamit. Ang orihinal na larawan, kapag na-upload, ay papalitan ang "pekeng".
Ang hindi gaanong ginagamit na katangiang galleryimg ng img tag ay humihimok sa control panel ng imahe (kapag naka-hover), na nagbibigay-daan sa iyong buksan ang default na folder ng Aking Mga Larawan at i-print, i-save o i-email ang larawan. Maaari mong i-disable ang panel sa pamamagitan ng pagtatakda ng galleryimg parameter sa hindi/false, at paganahin ito sa pamamagitan ng pagtatakda ng yes/true.
Sa bagong detalye ng HTML5, ilang mga tag ang hindi na ginagamit. Halimbawa, ang mga katangian ng lowsrc, border, longdesc, at name ng img ay itinigil na.
