ምስሉን በ Html ውስጥ እንዴት እንደሚቀንስ

ዝርዝር ሁኔታ:

ምስሉን በ Html ውስጥ እንዴት እንደሚቀንስ
ምስሉን በ Html ውስጥ እንዴት እንደሚቀንስ

ቪዲዮ: ምስሉን በ Html ውስጥ እንዴት እንደሚቀንስ

ቪዲዮ: ምስሉን በ Html ውስጥ እንዴት እንደሚቀንስ
ቪዲዮ: በማዕዘን መፍጫ ውስጥ የተሰበረውን የማርሽ መያዣ እንዴት እንደሚተካ? የኃይል መሣሪያ ጥገና 2024, ህዳር
Anonim

በሃይፕቲክ ጽሑፍ ምልክት (ኤችቲኤምኤል) ውስጥ አንድ ልዩ ትዕዛዝ “መለያ” በአንድ ገጽ ላይ ምስልን ለማሳየት ጥቅም ላይ ይውላል ፡፡ ይህ መለያ ኢምግ ተብሎ የሚጠራ ሲሆን የተለዋዋጮች ስብስብ - “ባህሪዎች” ይ containsል። በባህሪያቶች እገዛ ፣ የአንድ ልኬት ማሳያ ገጽታ ሁሉንም መጠኖች ጨምሮ በ ‹hypertext› ገጽ ውስጥ መወሰን ይችላሉ ፡፡ ሆኖም ችግሩን ለመፍታት ይህ ብቸኛው መንገድ አይደለም - እንዲሁም የካስካዲንግ የቅጥ ሉሆችን (ሲ.ኤስ.ኤስ.) በመጠቀም የምስሉን መጠን መቀነስ ይችላሉ ፡፡

ምስሉን በ html ውስጥ እንዴት እንደሚቀንስ
ምስሉን በ html ውስጥ እንዴት እንደሚቀንስ

መመሪያዎች

ደረጃ 1

የተፈለገውን ምስል ለማሳየት ሃላፊነት ባለው መለያ ውስጥ የከፍታውን እና የስፋቱን ባህሪዎች ያስቀምጡ ፡፡ የመጀመሪያውን በስዕሉ አቀባዊ መጠን ያዋቅሩት ፣ እና ሁለተኛው ደግሞ አግድም ፡፡ ሁለቱንም ቁጥሮች በፒክሴሎች ያዋቅሩ ፣ ግን ክፍሎችን ማመልከት አያስፈልግም - ፒክስል - እዚህ ፡፡ ለእነዚህ ባህሪዎች አስፈላጊ እሴቶችን ሲያሰሉ የስዕሉ ቅነሳ መጠኖች መከበር ላይ ትኩረት ይስጡ ፣ አለበለዚያ በተዛባ መልክ ይታያል ፡፡ ለምሳሌ ፣ ‹PPP.jpg› ከሚባል ፋይል ውስጥ ባለ አንድ ግማሽ ምስል ለማስቀመጥ ፣ የመጀመሪያ ልኬቶቹ ከ 500 እስከ 300 ፒክሴል ናቸው ፣ መለያው በሚከተለው ትዕዛዝ ሊከናወን ይችላል-

ደረጃ 2

የመጀመሪያውን የምስል ልኬቶች የተመጣጠነ ቅነሳን በመቶኛ መወሰን ይችላሉ ፡፡ ይህንን ለማድረግ ስፋቱን ሳይገልጹ የከፍታውን አይነታ ብቻ ይጠቀሙ እና መጠኑን የሚወስን ቁጥር ከገለጹ በኋላ የመቶኛ ምልክትን ያክሉ ፡፡ ለምሳሌ ፣ ከቀደመው እርከን በምሳሌው ላይ ተመሳሳይ ውጤት በዚህ ቅጽ በተጻፈ መለያ ማሳካት ይችላሉ-

ደረጃ 3

የቅጦች ገለፃን በመጠቀም የምስሉን መጠን መለየት ከፈለጉ ተመሳሳይ የመለያ ስም ይጠቀሙ - img - እና ባህሪዎች - ስፋት እና ቁመት ፡፡ በዚህ ሁኔታ የመለኪያ አሃዶች - px ፣ pt ወይም% - ሁል ጊዜ መገለጽ አለባቸው ፡፡ በገጹ ላይ የሁሉም ምስሎች መጠን ግማሹን ለማዘጋጀት የሚከተለውን ግቤት በቅጥ መግለጫው አግድ ውስጥ ያስገቡ img {ቁመት: 50%;} የአንድ ምስል ብቻ መጠን መቀነስ ከፈለጉ ተጨማሪ የመታወቂያ አይነታ ያክሉ ወደ መለያው እና ለዚህ ገጽ እሴት ምስሎች አንድ ልዩ ይመድቡት - ለምሳሌ ፒኮን-ከመለያው ስም በ “ሃሽ” # በመለየት ተመሳሳይ እሴት በቅጡ መዝገብ ላይ ይጨምሩ ፡ በዚህ ጉዳይ ላይ ያለው የተሟላ የቅጥ መግለጫ መግለጫ እንደዚህ ሊመስል ይችላል img # OnePic {ቁመት: 50%;}

የሚመከር: