በ Html ውስጥ ስዕል እንዴት እንደሚሰራ

ዝርዝር ሁኔታ:

በ Html ውስጥ ስዕል እንዴት እንደሚሰራ
በ Html ውስጥ ስዕል እንዴት እንደሚሰራ

ቪዲዮ: በ Html ውስጥ ስዕል እንዴት እንደሚሰራ

ቪዲዮ: በ Html ውስጥ ስዕል እንዴት እንደሚሰራ
ቪዲዮ: HTML5 CSS3 JS 2022 | Вынос Мозга 05 2024, ግንቦት
Anonim

ኤችቲኤምኤል የበይነመረብ ገጾችን ለመፍጠር የሚያገለግል የማረጋገጫ ቋንቋ ነው። ምስሎችን ጨምሮ የተለያዩ ንጥረ ነገሮችን ማሳያ ለማበጀት ሊያገለግል ይችላል። በኤችቲኤምኤል ውስጥ የምስሎችን ማሳያ ማዘጋጀት በልዩ መለያ በኩል ይካሄዳል።

በ html ውስጥ ስዕል እንዴት እንደሚሰራ
በ html ውስጥ ስዕል እንዴት እንደሚሰራ

መመሪያዎች

ደረጃ 1

የድር ገጾችን ለማርትዕ በሚጠቀሙበት የጽሑፍ አርታኢ የኤችቲኤምኤል ፋይልዎን ይክፈቱ። የኤችቲኤምኤል ፋይል ከሌለዎት በዴስክቶፕ ላይ ወይም በሚፈለገው አቃፊ ውስጥ ግራ-ጠቅ በማድረግ ይፍጠሩ እና “አዲስ” - “የጽሑፍ ሰነድ” በሚለው ምናሌ ላይ ጠቅ ያድርጉ። ከዘመኑ በኋላ የፋይል ስም ያስገቡ እና የ html ቅጥያውን ያክሉ። ከዚያ እንደገና በሰነዱ ላይ በቀኝ ጠቅ ያድርጉ እና “ክፈት በ” - “ማስታወሻ ደብተር” ን ይምረጡ ፡፡ የኤችቲኤምኤል ኮድ የሚያስቀምጡበት ባዶ ሰነድ ያያሉ።

ደረጃ 2

በኤችቲኤምኤል ውስጥ አንድ ምስል ለመፍጠር መለያ ጥቅም ላይ ይውላል ፣ ይህም ለማሳየት በአንድ ክፍል ውስጥ መቀመጥ አለበት። ለምሳሌ:

በኤችቲኤምኤል ውስጥ ስዕል

ደረጃ 3

መለያው የማይዘጋ ስለሆነ የመዝጊያ መለያ አያስፈልገውም ፡፡ ጥቅም ላይ መዋል ያለበት የእሱ ዋና ግቤት src ነው ፣ ይህም ወደ ተፈለገው የምስል ፋይል የሚወስደውን መንገድ ያዘጋጃል። በዚህ መስመር ውስጥ ሙሉውን (ከ https:// ጋር) እና አንፃራዊውን መንገድ (ለምሳሌ ፣ / ስዕሎች/img.jpg) ለማስቀመጥ ወደሚፈልጉት የምስል ፋይል መግለፅ ይችላሉ ፡፡

ደረጃ 4

ሌላ አስፈላጊ ግቤት የምስሉ ስም እና በገጹ ላይ መታወቂያውን የሚወስነው alt ነው ፡፡ ተጠቃሚው አይጤን በስዕሉ ላይ ሲያሳርፍ ይህ ስም ይታያል ፡፡

ደረጃ 5

እንዲሁም የምስል መለኪያዎችን ለማዘጋጀት ስፋቱን እና ቁመቱን ባህሪዎች መጠቀም ይችላሉ ፡፡ የመጀመሪያው ቅንብር ለርዝመቱ ሃላፊነት ያለው ሲሆን ሁለተኛው ደግሞ በገጹ ላይ ለሚገኘው የምስሉ ቁመት ነው ፡፡ ይህ ግቤት በፒክሴሎች ውስጥ ተገልጧል ፡፡ ስለዚህ & & img> መለያው ሊዘጋጅ ይችላል

ደረጃ 6

ይህንን መለያ በመጠቀም በ src አይነታ ውስጥ የተመዘገበበት መንገድ ምስል ተፈጥሯል። በሥዕሉ ላይ ሲያንዣብቡ “የምስል ስም” የሚል መልእክት ያያሉ ፡፡ በዚህ ሁኔታ ምስሉ 300 ፒክሰሎች ስፋት እና 250 ፒክሰሎች ቁመት ይኖረዋል ፡፡ ሁሉንም ከላይ ያሉትን መለኪያዎች እንደወደዱት ማዘጋጀት ይችላሉ።

ደረጃ 7

"ፋይል" - "አስቀምጥ" ተግባርን በመጠቀም ለውጦቹን በፋይሉ ላይ ያስቀምጡ። ምስሉ በኤችቲኤምኤል ውስጥ በተሳካ ሁኔታ መፈጠሩን ለማረጋገጥ ሰነዱን በአሳሽ ውስጥ ይክፈቱ። ይህንን ለማድረግ በፋይሉ ላይ በቀኝ ጠቅ ያድርጉ እና “ክፈት በ” የሚለውን ክፍል ይምረጡ እና ከዚያ በአሳሽዎ ስም በመስመሩ ላይ ጠቅ ያድርጉ ፡፡ የኤችቲኤምኤል ምስል መፍጠር ተጠናቅቋል።

የሚመከር: