Internet, Web Design
Picture Manager - img tag
Ang larawan ay hindi lamang ang nakapasok direkta sa teksto. Browser isumbong ang kanyang pangalan at isaad kung saan at kung paano upang iposisyon ang screen. Upang gawin ito, gamitin ang isang solong HTML-tag img. Isinasaad nito ang mga lokasyon ng mga graphical object sa isang Web pahina.
Kung marami sa mga katangian para sa mga tag, sa prinsipyo, ay hindi sapilitan, ang img tag ay dapat magkaroon ng hindi bababa sa isang parameter - ang address ng larawan. Ang attribute na ito ay tinatawag src:
-
- sa puntong ito ay lilitaw goat.jpg file na naka-imbak sa kasalukuyang direktoryo; -
- sa pamamagitan ng opsyon ng tag imahe download img browser nai-post sa Internet sa megasellmag.ru site.
katangian align
Upang iposisyon ang mga imahe sa pahina ng HTML sa tulong ng mga lamang naglilingkod img tag, mga katangian na kung saan ay responsable para sa paglalagay ng larawan sa pahina at ang character ng kanyang text wrapping.
Sa pamamagitan ng default, ang mga browser ay may mga imahe sa gitna ng screen, at ang teksto bumabalot sa paligid nito ay hindi. Img tag payagan upang ipahayag ang kanilang hindi pagkakaintindihan sa isang browser gamit ang align attribute (alignment).
Katulad nito, gusto ang pag-uugali ng teksto, kung ang imahe ay sa kanan (align = kanan), gitna (align = middle), top (align = top), ibaba (align = ibaba) at sa sentro (gitna).
Mga Parameter ng indentation at sukat
Upang gawin ang mga teksto sa imahen ay hindi crawl, nakuha ng isang espesyal na tag img katangian -hspace (pahalang / pahalang na patlang) at vspace (vertical / vertical field) sa pagtukoy ng halaga ng pag-indent ng mga gilid tekstong imahe sa pixels.
Ang larawan ay hindi lamang dutifully itakda ang sarili bukod mula sa teksto ng mga tinukoy na halaga, ngunit din inilipat ang layo mula sa gilid ng pahina, kaya ito ay mas mahusay upang maiwasan ang malaking yupi.
Napakahalaga geometric laki ng imahe ay hindi lamang kanais-nais, ngunit kung minsan ito ay kinakailangan upang tukuyin para sa tamang pagpapakita ng mga larawan. Upang ito ay mga katangian na lapad (width) at taas (H), ang halaga ng kung saan ay naka-set sa pixels o porsyento.
Kung tinukoy mo lamang ang lapad, ang taas ay awtomatikong maitugma sa ang orihinal na sukat. Mga Dimensyon ibinigay sa mga porsyento, payagan upang ilagay ang larawan sa kanang bahagi ng pahina, hindi alintana ang laki ng window ng browser, tulad ng ang pangangailangan arises madalas.
Ibang mga pagpipiliang
Ang hangganan ng katangian ay pumasok sa ang larawan sa frame tinukoy kapal, na hindi gawin ang mga default na browser.
frame ay maaaring magkaroon ng isang tila walang kahulugan zero kapal (border = '0'), ngunit ito ay hangga't ang larawan ay hindi isang link, ang browser awtomatikong obvedet kanyang asul na frame, nang hindi na naghihintay para sa mga tagubilin.
Ang ilang mga walang tiyaga gumagamit, galit na galit mababang speed internet, kailangan lang idiskonekta ang show ng mga larawan. Narito para sa mga naturang kaso, ibinigay alt parameter, na nagpapahintulot sa iyo na ipasok ang isang alternatibong teksto na makakakita ang user ng sa kahon, na hastens ang boot imahe.
Kung ikaw ay hindi nasiyahan sa mga posibilidad ng pagtatakda alt, isang img tag na alok longdesc attribute bilang halaga na ginagamit URL-address na dokumento na may isang mas detalyadong paglalarawan.
Katangian usemap ismap at sabihin sa browser na ang imahe ay pagguhit sa kung aling mga hyperlink ay hiwalay na lugar (reference card), tanging ang mga parameter usemap tumutukoy sa pag-navigate sa mapa sa server, at ismap - mapa sa client side.
Paglalarawan ng link ng 1 sa tayahin sa ibaba:
exotic elemento
Attribute lowsrc instructs ang browser upang i-download ng isang kopya ng unang (o iba pang alternatibo) ng orihinal na imahe na may mas mababang kalidad at correspondingly mas "lighter". nanlilinlang na ito ay ibinigay sa kaganapan ng isang mababang bilis ng user sa internet. Orihinal na imahe sa pamamagitan ng pag-boot pumapalit sa "huwad".
Ito ay hindi madalas na ginagamit galleryimg img tag attribute nagiging sanhi ng mga imahe control panel (kung pinapadaan mo sa ibabaw nito), na nagpapahintulot sa iyo upang buksan ang mga default na folder na "My Pictures" at i-print, i-save o ipadala ang imahe sa pamamagitan ng email. Huwag paganahin ang mga panel sa pamamagitan ng pagtukoy sa mga parameter na halaga galleryimg walang / false, at paganahin ang mga ito sa pamamagitan ng oo / totoo.
Ang bagong HTML5 detalye ng isang bilang ng mga tag na ginagamit ang ilan sa mga parameter. Kaya, img lowsrc katangian, hangganan, longdesc at pangalan dismiss.
Similar articles
Trending Now