በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ

ዝርዝር ሁኔታ:

በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ
በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ

ቪዲዮ: በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ

ቪዲዮ: በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ
ቪዲዮ: ምርጥ 5 ጠቃሚ የዊንዶውስ ፕሮግራሞችን አስቀድሞ ተጭኗል 2024, ህዳር
Anonim

Hypertext Markup Language (HTML) ገጽን ወደ ብዙ መስኮቶች የመክፈል ችሎታን ይሰጣል - “ክፈፎች” ፡፡ እያንዳንዱ ክፈፎች ለማሳየት የራሱ የሆነ የበይነመረብ ምንጭ ሊኖረው ይችላል ፡፡ ይህ ዘዴ ከሌሎች ጣቢያዎች የመጡ ገጾችን ከጣቢያዎ ወደ ገጾች ለማስገባት ሊያገለግል ይችላል ፡፡

በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ
በአንድ ገጽ ውስጥ ገጽ እንዴት እንደሚሰራ

አስፈላጊ ነው

የጽሑፍ አርታዒ ማስታወሻ ደብተር

መመሪያዎች

ደረጃ 1

የአንድ ገጽ የኤች.ቲ.ኤም.ኤል ኮድ እያንዳንዱ አሳሳቢው ገጽ ላይ የት እንደሚታይ እና እንዴት መታየት እንዳለበት ለአሳሹ የሚገልጽ መመሪያ ስብስብ ነው። እነዚህ መመሪያዎች “መለያዎች” ይባላሉ እና አንድ ወይም ከዚያ በላይ የሆኑ ሰዎችን የያዘ ገጽ ለመፍጠር ተገቢውን የመለያዎች ስብስብ መጻፍ ያስፈልግዎታል። በገጹ ላይ ላሉት ሁሉም ክፈፎች መያዣ በሚፈጥሩ መለያዎች እንጀምራለን-

እነዚህ የመያዣው የመክፈቻ እና የመዝጊያ መለያዎች ናቸው - ፍሬሞችን የሚፈጥሩ መለያዎች በመካከላቸው መቀመጥ ያስፈልጋቸዋል ፡፡ በኤችቲኤምኤል ውስጥ መለያዎች “ባህሪዎች” አሏቸው - ስለገጽ ኤለመንት ባህሪዎች ተጨማሪ መረጃዎችን ይይዛሉ ፣ ማሳያው ይህንን መለያ ስለሚገልፅ ነው ፡፡ በመያዣው የመክፈቻ መለያ ውስጥ አሳሹ የገጹን ቦታ በክፈፎቹ መካከል እንዴት እንደሚከፋፍል መረጃ የያዘ ባህሪን መለየት አለብዎት-

በዚህ የኮድ ናሙና ውስጥ ያለው “ኮልስ” ባህሪው ገጹ በአቀባዊ በሁለት ክፈፎች መከፈል እንዳለበት ይገልጻል ፣ ግራው ደግሞ የመስኮቱን ስፋት 20% እና ቀኝ 80% ይወስዳል ፡፡ ከ “ኮልስ” አይነታ ይልቅ የ “ረድፎች” ባህሪን ከለዩ ገጹ በአግድም ይከፈላል

ከቁጥር ይልቅ የኮከብ ምልክት (*) መጻፍ ይችላሉ:

ይህ ማለት ሁለተኛው ክፈፍ ቀሪውን ቦታ ሁሉ ይሰጠዋል ማለት ነው የክፈፍ መጠኖች መቶኛ ሊሆኑ አይችሉም ፣ ግን ብዙውን ጊዜ በገጽ አቀማመጥ ውስጥ ጥቅም ላይ በሚውሉት የመለኪያ አሃዶች ውስጥ - በ “ፒክሴል” ውስጥ

ደረጃ 2

በመያዣው ውስጥ መቀመጥ ያለበት የፍሬም ኤችቲኤምኤል መለያው እንደሚከተለው ተጽ isል-የ “ፍሬም” መለያ “src” አይነታ አሳሹ በዚህ ክፈፍ ውስጥ ሊጭነው የሚገባውን የድር ገጽ አድራሻ ይ containsል። በዚህ መንገድ የተፃፈ አድራሻ “ፍፁም” ይባላል - ይጀምራል በ https:// ፕሮቶኮል ይጀምራል ፡፡ ግን ይህ የእራስዎ ጣቢያ ገጽ ከሆነ እና በተመሳሳይ (ወይም ንዑስ አቃፊ) አቃፊ ውስጥ የሚገኝ ከሆነ ፣ ከዚያ ትክክለኛውን አድራሻ መግለፅ አያስፈልግዎትም ፣ ወደ ንዑስ አቃፊው የፋይል ስም እና ዱካ ብቻ ይበቃል። እንዲህ ዓይነቱ አድራሻ “ዘመድ” ተብሎ ይጠራል-በነባሪነት በገጹ ውስጥ ባሉ ክፈፎች መካከል ያሉ ድንበሮች በመዳፊት ሊንቀሳቀሱ ይችላሉ ፡፡ ይህ ባህሪ በኖሪዝ ባህሪው ተሰናክሏል-- በክፈፎች መካከል የገንዳዎች መጠኑን የሚወስኑ ሁለት ባህሪዎች አሉ - የግራኝ ቁመት ቀጥ ያለ ህዳግ (ከላይ እና ከታች) ያዘጋጃል ፣ እና የትርፉ ወርድ - በአግድም (በቀኝ እና በግራ): - ሌላ ባህሪን መጠቀም - “ማሸብለል” - ለክፈፉ የማሽከርከሪያ አሞሌዎች ደንቦችን ለአሳሹ መናገር ይችላሉ-“ራስ-ሰር” እሴቱ የሽብለላዎቹ ባሮች እንደአስፈላጊነቱ መታየት አለባቸው ፣ ማለትም ይዘቱ በማዕቀፉ ውስጥ በማይገባበት ጊዜ ፡ እሴቱን ወደ "አዎ" ካቀናበሩ ይህ ክፈፍ ሁል ጊዜ የማሽከርከሪያ አሞሌዎች ይኖረዋል ፣ እና “አይ” የሚለው እሴቱ በተቃራኒው የጥቅልል አሞሌዎችን ማሳያ ይከለክላል - በመያዣው ውስጥ የሚገኙት ገጾች ከማንኛውም የጃቫስክሪፕት እስክሪፕቶች ጋር የሚሰሩ ከሆነ በአቅራቢያ ባሉ ክፈፎች ውስጥ ክዋኔዎችን ያካሂዱ ፣ ፍሬሞችን በስም መለየት አስፈላጊ ሊሆን ይችላል ፡ የክፈፉ ስም የያዘው ስም ስም ይባላል

ደረጃ 3

ከሌሎቹ ጣቢያዎች የመጡ በርካታ ገጾች ቀላል ገጽ ለመፍጠር እነዚህ የኤችቲኤምኤል ትርጓሜዎች በቂ ናቸው ፡፡ ይህንን ለማድረግ ማንኛውንም የጽሑፍ አርታኢ ለምሳሌ መደበኛ ማስታወሻ ደብተር ያስፈልግዎታል ፡፡ በእሱ ውስጥ አዲስ ሰነድ ይፍጠሩ እና እነዚህን የ html መለያዎች ይጻፉ

ከዚያ ይህንን ኮድ በኤችቲኤም ወይም በ html ቅጥያ ያስቀምጡ - ለምሳሌ ፣ test.html። ሁሉም ነገር ዝግጁ ነው ፣ ይህንን ሰነድ በአሳሽ ከከፈቱ ውጤቱ እንደዚህ ይመስላል

ባለ ሁለት ክፈፍ ገጽ
ባለ ሁለት ክፈፍ ገጽ

ደረጃ 4

ሌላ ዓይነት ክፈፍ አለ - "ተንሳፋፊ"። በክፈፎች ያልተከፋፈለ በመደበኛ ገጽ ውስጥ ሊገኝ ይችላል። እንዲህ ዓይነቱ ክፈፍ መጠኖቹን የሚገልፁ ተጨማሪ ወርድ እና ቁመት ባህሪዎች አሉት ፡፡ የዚህ መለያ ኮድ እንደዚህ ሊመስል ይችላል

የሚመከር: