የምስል አስተዳዳሪ - img መለያ

ዝርዝር ሁኔታ:

የምስል አስተዳዳሪ - img መለያ
የምስል አስተዳዳሪ - img መለያ
Anonim

ሥዕሉ በቀጥታ ወደ ጽሑፉ የገባ አይደለም። አሳሹ ስሙ ይነገራል እና በስክሪኑ ላይ የት እና እንዴት እንደሚያስቀምጠው መመሪያ ይሰጣል። ይህንን ለማድረግ አንድ ነጠላ HTML img መለያ ይጠቀሙ። በድረ-ገጹ ላይ የግራፊክ ነገር ያለበትን ቦታ ይገልጻል።

ብዙ ባህሪያት ለመለያዎች አማራጭ ከሆኑ፣ img tag ቢያንስ አንድ መለኪያ ሊኖረው ይገባል - የምስሉ አድራሻ። ይህ ባህሪ src ይባላል፡

  • - ይህ አሁን ባለው ማውጫ ውስጥ የተከማቸውን የgoat-j.webp" />
  • - በዚህ የ img መለያ መለኪያ፣ አሳሹ በበይነ መረብ ላይ የተለጠፈውን ምስል megaselmag.ru ላይ ይጭናል።

አሰላለፍ ባህሪያት

ምስሎችን ኤችቲኤምኤልን በመጠቀም በአንድ ገጽ ላይ ለማስቀመጥ የ img መለያ ጥቅም ላይ ይውላል፣ ምስሉን በገጹ ላይ የማስቀመጥ ባህሪያቱ እና የፅሁፍ መጠቅለያ ባህሪያቱ ናቸው።

img መለያ
img መለያ

በነባሪ፣ አሳሹ ምስሉን በስክሪኑ መሃል ላይ ያስቀምጠዋል፣ እና ጽሑፉ በዙሪያው አይጠቀለልም። የ img መለያው ከአሳሹ ጋር ያለዎትን አለመስማማት የአሰላለፍ አይነታ (alignment) በመጠቀም እንዲገልጹ ያስችልዎታል።

- ስዕሉ በገጹ ግራ ጠርዝ ላይ ይቀመጣል እና ጽሑፉ በቀኝ በኩል ይዞራል።

ምስሉ በቀኝ (align=right)፣ በመሃል (align=መካከለኛ)፣ ላይ (align=ከላይ)፣ ከታች ከተቀመጠ የጽሁፉ ባህሪ ተመሳሳይ ይሆናል።(align=ታች) እና መሃል (መሃል)።

ቅንብሮች እና መጠኖች

ጽሑፍ ወደ ምስሎች እንዳይገባ ለመከላከል የ img መለያ ልዩ ባህሪያትን አግኝቷል -hspace (አግድም/አግድም ህዳጎች) እና vspace (ቋሚ/ቋሚ ህዳጎች)፣ ይህም በምስሎች ውስጥ ካለው የጽሑፍ ውስጠ መጠን የሚወስን ነው። ፒክስሎች።

img መለያ ባህሪዎች
img መለያ ባህሪዎች

ምስሉ በታዛዥነት ከጽሁፉ በተገለጸው መጠን ብቻ ሳይሆን ከገጹ ጠርዝም ይርቃል ስለዚህ ትልቅ ውስጠ-ገብን ማስቀረት ጥሩ ነው።

የምስሎች ጂኦሜትሪክ ልኬቶች በጣም አስፈላጊ ናቸው፣ እነሱም ተፈላጊ ብቻ ሳይሆኑ፣ ነገር ግን ለምስሉ ትክክለኛ ማሳያ አንዳንድ ጊዜ በቀላሉ አስፈላጊ ናቸው። ለዚህም የባህሪያቱ ስፋት (ስፋት) እና ቁመቱ (ቁመት) ጥቅም ላይ ይውላሉ፣ እሴቱ በፒክሰል ወይም በመቶኛ ተቀምጧል።

ስፋቱን ብቻ ከገለጹ ቁመቱ ከዋናው መጠን ጋር በራስ-ሰር ይመረጣል። የመቶኛ መጠኖች የአሳሽ መስኮቱ መጠን ምንም ይሁን ምን ምስሉን በትክክለኛው የገጹ ክፍል ላይ እንዲያስቀምጡ ያስችሉዎታል እና ይህ ፍላጎት ብዙ ጊዜ ይነሳል።

ሌሎች አማራጮች

የድንበሩ አይነታ ምስሉን በተጠቀሰው ውፍረት ፍሬም ውስጥ ይዘጋዋል፣ይህም አሳሹ በነባሪነት አያደርገውም።

ድንበሩም ትርጉም የሌለው የሚመስለው ዜሮ ስፋት (ድንበር='0') ሊኖረው ይችላል፣ነገር ግን ምስሉ ማገናኛ እስኪሆን ድረስ፣መመሪያውን ሳይጠብቅ አሳሹ በራስ-ሰር በሰማያዊ ድንበር ሲከብበው።

አንዳንድ ትዕግስት የሌላቸው ተጠቃሚዎች፣ በዝቅተኛ የኢንተርኔት ፍጥነት የተናደዱ፣ በቀላሉ የምስሎችን ማሳያ ያሰናክላሉ። ለእንደዚህ አይነት ጉዳዮች, የ alt መለኪያው ቀርቧል, ይህም እንዲገቡ ያስችልዎታልምስሉ ለመጫን በቸኮለበት ሳጥን ውስጥ ተጠቃሚው የሚያየው አማራጭ ጽሑፍ።

የአልት መለኪያውን እድሎች ካልወደዱ፣ img መለያው ረጅም ዴስክ ባህሪን ሊያቀርብ ይችላል፣ እሴቱ የበለጠ ዝርዝር መግለጫ ያለው የሰነድ ዩአርኤል ነው።

የአጠቃቀም ካርታው እና የኢስማፕ ባህሪያቱ ምስሉ ሃይፐርሊንኮች የተለያዩ ቦታዎች (ሊንክ ካርታ) የሆኑበት ምስል እንደሚሆን ለአሳሹ ይነግሩታል፣ የአጠቃቀም ካርታ መለኪያው ብቻ በአገልጋዩ ላይ ያለውን የአሰሳ ካርታ የሚወስን ሲሆን ismap - ካርታው በ ላይ የደንበኛው ወገን።

የግንኙነት 1 መግለጫ ከታች ባለው ምስል፡

html img መለያ
html img መለያ

ልዩ እቃዎች

የlowsrc ባህሪው አሳሹ በመጀመሪያ ዝቅተኛ ጥራት ያለው ምስል ቅጂ (ወይም ሌላ አማራጭ) እንዲያወርድ እና ስለዚህ "ቀላል" ያዛል። ይህ ብልሃት የሚቀርበው ለተጠቃሚው ዝቅተኛ የኢንተርኔት ፍጥነት ከሆነ ነው። ዋናው ምስል ሲሰቀል "ውሸት" የሚለውን ይተካል።

ብዙም ጥቅም ላይ የማይውለው የጋለሪምግ መለያ የ img መለያ የምስል መቆጣጠሪያ ፓነሉን (በላይ ሲያንዣብብ) ይጠራዋል፣ ይህም ምስሉን ነባሪው የእኔ ሥዕሎች አቃፊ ከፍተው እንዲያትሙ፣ እንዲያስቀምጡ ወይም በኢሜል እንዲልኩ ያስችልዎታል። የGalleryimg መለኪያውን ወደ ምንም/ሐሰት በማዘጋጀት ፓነሉን ማሰናከል እና አዎ/እውነትን በማስቀመጥ ማንቃት ይችላሉ።

በአዲሱ HTML5 ዝርዝር ውስጥ፣ በርካታ መለያዎች አንዳንድ ግቤቶች ተቋርጠዋል። ለምሳሌ፣የimg lowsrc፣ ድንበር፣ longdesc እና የስም ባህሪያት ጡረታ ወጥተዋል።

የሚመከር: