በድረ-ገፆች ውስጥ የተቀመጡ ሠንጠረ formችን የሚፈጥሩ የ HyperText Markup Language (HTML) መመሪያዎች እጅግ በጣም ብዙ ተጨማሪ ልኬቶችን ይሰጣሉ ፡፡ ይህ ከሌሎች የማገጃ አካላት በተለየ የ CSS ቋንቋን (የካስካዲንግ የቅጥ ሉሆችን ወይም “ካስካዲንግ የቅጥ ሉሆችን”) በመጠቀም ብቻ ሳይሆን ኤችቲኤምኤልን በመጠቀም መጠኖችን ለማዘጋጀት ያስችለዋል ፡፡
መመሪያዎች
ደረጃ 1
የጠረጴዛውን ስፋት በፒክሴሎች ለመለየት የጠረጴዛውን መለያ ስፋት አይነታ ይጠቀሙ ፡፡ የመለያ (የኤችቲኤምኤል መመሪያ) ሰንጠረዥ የመክፈቻ (
) ክፍሎች ፣ በእነሱ መካከል የጠረጴዛውን ረድፎች እና ሕዋሶች የሚፈጥሩ መለያዎች አሉ ፡፡ ተጨማሪ መለኪያዎች (ባህሪዎች) በመክፈቻ መለያው ውስጥ ሊቀመጡ ይችላሉ ፣ የእያንዳንዱ የተወሰነ መለያ ዝርዝር በአለም አቀፍ መመዘኛዎች ይወሰናል ፡፡ ለሠንጠረ tag መለያ እነዚህ መመዘኛዎች የሰንጠረ attribን ስፋት በፒክሴል የሚገልፀውን ስፋት አይነታ እንዲጠቀሙ ይፈቅዳሉ ፡፡ የ 500 ፒክስል ስፋት የሚገልጽ እንዲህ ያለ መለያ ያለው የአንድ ቀላል ሰንጠረዥ የኤችቲኤምኤል ኮድ እንደዚህ ሊመስል ይችላል
1 ኛ ሕዋስ | 2 ኛ ሴል |
ደረጃ 2
የፒክሴሎችን ሳይሆን የሰንጠረ widthን ስፋት እንደ መቶኛ መለየት ከፈለግክ በወርድ አይነቱ እሴት ላይ አንድ% ቁምፊ አክል-
1 ኛ ሕዋስ | 2 ኛ ሕዋስ |
እነዚህ መቶኛዎች የግድ በአሳሹ መስኮት ስፋት ላይ የተመሰረቱ እንደማይሆኑ እባክዎ ልብ ይበሉ። የሰነዱ አወቃቀር እዚህ ላይ አስፈላጊ ነው - ልክ እንደ አንድ የተጠለፈ ጎጆ አሻንጉሊት ከተነጠፈበት የበለጠ ሰፊ መሆን እንደማይችል ፣ ስለዚህ የጠረጴዛው ስፋት 100% ከወላጅ ንጥረ ነገር ስፋት ሊበልጥ አይችልም ፡፡ ለምሳሌ ፣ ጠረጴዛው በዲቪ ብሎክ ውስጥ ከሆነ ፣ የዚህ ብሎክ ስፋት እንደ 100% ይወሰዳል ፡፡
ደረጃ 3
በመነሻ ኮዱ ውስጥ በአንድ ቦታ ላይ በድረ-ገፁ ውስጥ ላሉት ሠንጠረ theች ተመሳሳይ ወርድ ማዘጋጀት ከፈለጉ የቅጥ መግለጫ ቋንቋ መመሪያዎችን ይጠቀሙ ፡፡ ይህንን ለማድረግ በመጀመሪያ የኤችቲኤምኤል ኮድ ዋና ክፍል ውስጥ (የ CSS) የቋንቋ መግለጫዎችን የሚገድቡ የመክፈቻ እና የመዝጊያ መለያዎች (መካከል እና) ፡፡
/ * የ CSS መመሪያዎች እዚህ ይሆናሉ * /
ከዚያ በእነዚያ መለያዎች መካከል የሚከተሉትን ሲ.ኤስ. ደህና ፣ የስፋቱ መለኪያ ስፋቱን ያዘጋጃል። እዚህም ቢሆን አንጻራዊውን ስፋት እንደ መቶኛ መጠቀም ይችላሉ ፡፡
ደረጃ 4
ስፋቱን ለሁሉም ጠረጴዛዎች ብቻ ሳይሆን ለአንድ ወይም ለብዙ ሠንጠረ toች ብቻ መግለፅ ከፈለጉ በክፍል ውስጥ ስም በሲ.ኤስ.ኤስ. ኮድ እና በኤችቲኤምኤል ሰንጠረዥ መለያ ውስጥ ይግለጹ ፡፡ ለምሳሌ ፣ ጠባብ የጠረጴዛዎች ቡድንን የሚያመላክት ክፍል ጥቃቅን ነው እንበል ፡፡ ከዚያ የአጻጻፍ ስልቱ መግለጫ ይህን ይመስላል: - table.tiny {width: 100px;} እና በኤችቲኤምኤል ኮድ ውስጥ ካሉት የጠረጴዛዎች አንዱ ተጓዳኝ መለያ እንደሚከተለው ነው-
1 ኛ ሕዋስ | 2 ኛ ሕዋስ |