በአንድ ገጽ ላይ መረጃን ከብዙ ምንጮች ለማሳየት ፣ የኤችቲኤምኤል ገጽ መከፋፈያ ዘዴ ብዙ ጊዜ ጥቅም ላይ ይውላል። ክፈፎችን ለማስገባት የቋንቋ ግንባታዎች መግለጫ ከዚህ በታች ቀርቧል ፡፡
አስፈላጊ
የኤችቲኤምኤል መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
HyperText Markup Language (HTML) ሁለት ዓይነት ፍሬሞችን ይሰጣል። ወደ ነባር ገጽ ለማስገባት ተንሳፋፊ የበለጠ ተለዋዋጭ እና ቀላል ነው። በአጠቃላይ ተንሳፋፊ ፍሬም በመጠቀም የመስኮት ፍሬም የሚገልጽ ግንባታ ይህን ይመስላል-እዚህ ላይ የነባር ጣቢያ ዋና ገጽ ለዚህ ፍሬም (src attribute) የመረጃ ምንጭ ሆኖ ተገል isል። በስፋት እና በቁመት ባህሪዎች እንደተገለጸው በ 400 x 300 ፒክሴል ክፈፍ ይከፈታል ፡፡ በተጨማሪም በ src አይነታ ውስጥ የጣቢያዎን ገጽ መለየት ይችላሉ ፡፡ በዚህ ጊዜ አንጻራዊ አድራሻ መግለፅ በቂ ነው (ይኸውም ክፈፉ ከገባበት ገጽ ጋር የሚዛመድ አድራሻ ነው)-በዚህ ናሙና ውስጥ የክፈፉ ስፋት እና ቁመት አልተገለጸም ፣ ግን መታወቂያ አለ የባህሪ-መለያ እሱን በመጠቀም ፣ ለዚህ ክፈፍ የሚያስፈልጉትን ልኬቶች ለማዘጋጀት ሲ.ኤስ.ኤስ () ን መጠቀም ይችላሉ-
#frameOne {ስፋት 700px; ቁመት 200px;}
ደረጃ 2
ሌላ ዓይነት ክፈፎች - "ክላሲክ" - የተለየ ገጽ ይፈልጋል ፣ ይህም የክፈፍ መዋቅርን መግለጫ ይይዛል። ክፈፎች እራሳቸው በተለየ ገጾች ላይ ፣ ምናልባትም በተለየ ጣቢያዎች ላይም ይሆናሉ ፡፡ ለእንደዚህ ዓይነቱ ክፈፍ መያዣ ገጽ የኤችቲኤምኤል ኮድ እንደዚህ ሊመስል ይችላል
ለመደበኛ ገጾች የሚያስፈልጉ… እና… ብሎኮች ሊኖሩ አይገባም። በዚህ ምሳሌ ውስጥ የእቃ መጫኛ መክፈቻ መለያው የረድፎች አይነቶችን ይ whichል ፣ ይህም ማለት የገጹ ቦታ በአቀባዊ መከፋፈል አለበት እና ከላይ ለመጀመሪያው ክፈፍ ይሰጣል። ረድፎችን በኩላዎች ከቀየሩ ከዚያ ክፍፍሉ አግድም ይሆናል። የዚህ አይነታ "*, *" ዋጋ የሚያመለክተው የተከፋፈሉት መጠኖች እኩል መሆናቸውን ነው - እያንዳንዳቸው 50%። ለምሳሌ “20% ፣ *” ከገለጹ ታዲያ ለመጀመሪያው ክፈፍ 20% ብቻ ሲሆን ቀሪው ቦታ ደግሞ ለሁለተኛው ይሰጣል ፡፡ ተጠቃሚው የክፈፎቹን ዳር ድንበር በመጎተት እነዚህን መጠኖች መለወጥ ይችላል ፡፡ አይጤውን ፣ ግን ይህን እርምጃ ማሰናከል ይቻላል። ይህንን ለማድረግ የኖራን ባህሪው ከአንድ የተወሰነ ክፈፍ መለያ ጋር ያክሉ። እንዲሁም በአጠገብ ካለው ክፈፍ (የኅዳግ ወርድ እና የጠርዝ ከፍታ ባህሪዎች) የቋሚ እና አግድም ውስጠቶች መጠኑን መለየት ይችላሉ-የእያንዲንደ ክፈፍ የማሽከርከሪያ አሞሌዎች የባህሪ ደንቦችን በተናጠል ማቀናበር ይቻሊሌ ፡፡ ለዚህም የማሸብለል ባህሪው ጥቅም ላይ ይውላል ፣ ይህም ከሶስት አስቀድሞ ከተገለጹ እሴቶች ውስጥ አንዱን ሊያካትት ይችላል ፡፡ ከተገለጸ የክፈፉ ይዘት ከጠረፍዎቹ ውስጥ በማይገጥምበት ጊዜ የማሸብለያ አሞሌዎች ይታያሉ። “አዎ” ከሆነ - ጭረቶች ለእነሱ ፍላጎት ምንም ይሁን ምን ሁል ጊዜም ይገኛሉ ፡፡ "አይሆንም" ከሆነ - ይህ ክፈፍ የጥቅልል አሞሌዎችን መከልከል ማለት ነው።
ደረጃ 3
በቀደሙት ሁለት ደረጃዎች በተጠቀሰው መረጃ ላይ በመመርኮዝ ችግርዎን ለመፍታት የበለጠ ተስማሚ የሆነውን የ html ኮድ ንድፍ ማውጣት ያስፈልግዎታል ፡፡ ከዚያ በኋላ የሚቀረው ወደ ገጹ ምንጭ ኮድ ውስጥ ማስገባት ብቻ ነው ፡፡ ይህንን ለማድረግ የጣቢያዎን የአስተዳደር ስርዓት የገጽ አርታዒን መጠቀም ይችላሉ - የተፈለገውን ገጽ በውስጡ ይክፈቱ ፣ ወደ ኤችቲኤምኤል ኮድ አርትዖት ሁኔታ ይቀይሩ እና ኮድዎን በገጹ ላይ በሚፈለገው ቦታ ይለጥፉ። በአማራጭ የገጹን ምንጭ ኮድ ፋይል በአስተናጋጅ አስተዳደር ፋይል አቀናባሪ ወይም በይዘት አስተዳደር ስርዓት ማውረድ ይችላሉ ፣ በጽሑፍ አርታኢ ውስጥ ይክፈቱ እና ኮዱን በውስጡ ይለጥፉ ፡፡ እና በተመሳሳይ መንገድ በተመሳሳይ መንገድ የተቀየረውን ኮድ ወደ አገልጋዩ ይስቀሉ።
