ኤች ቲ ኤም ኤል ላይ ትምህርት. ሕዋሶችን ህዋሶችን

የ HTML ውስጥ ገበታዎች - በጣም ምቹ ንጥል. ከእነሱ ጋር ምንም ማድረግ ይችላሉ. እርግጥ ነው, ዋና ዓላማ - ሰንጠረዥ ውስጥ መረጃን ማስቀመጥ. ነገር ግን ጣቢያዎች ገንቢዎች ተጨማሪ ሄደዋል. በአንድ ወቅት አንድ ጣቢያ ማዕቀፍ ለመፍጠር አንድ ጠረጴዛ መጠቀም በጣም ታዋቂ ነበር. አሁን ባለሙያዎች እንዲህ ለማድረግ አይደለም እየሞከሩ ነው.

ሠንጠረዦች ምክንያት ባህሪያት መካከል ከፍተኛ ቁጥር ያላቸውን ሰፊ ማመልከቻ አግኝተዋል. ለምሳሌ ያህል, በጣም ጠቃሚ ንብረት ረድፎች ወይም አምዶች በማዋሃድ ተመለሱ.

የ ቲዮሪ መግቢያ

colspan እና rowspan: ኤችቲኤምኤል ውስጥ ሴሎች ህብረት ሁለት ባህሪያት አማካኝነት የሚከሰተው. እነዚህ TD መለያ ይገለጻሉ.

እኛ ርዕስ የመቅሰም በፊት በመጀመሪያ, እያንዳንዱ ሰንጠረዥ አወቃቀር መተንተን እንመልከት. እያንዳንዱ ጠረጴዛ ላይ በዚያ መስመር ነው, እና ውስጥ - ሕዋስ. መጀመሪያ, ሁሉም ጠረጴዛዎች ሴሎች ተመሳሳይ ቁጥር መያዝ አለበት መሆኑን ያስታውሱ.

አመልክተዋል በሁለት ረድፍ ከላይ ሦስት በእያንዳንዱ ሴል ውስጥ ያለው ቁጥር. ይህ የተለመደ ጠረጴዛ ነው. በማንኛውም ሳጥን ውስጥ ከሆነ, ማዕድ "ውጭ መንቀሳቀስ" ነው ሕዋሳት አንድ አነስተኛ ቁጥር ይተይቡ, ሁሉም በትክክል አይታይም.

ኤች ቲ ኤም ኤል-ሠንጠረዥ: በአቀባዊ እና በአግድመት ሕዋሶችን ማዋሃድ

እርስዎ ማዋሃድ ነገር ካለዎት ሕዋስ ወይም ሕብረ አነስ ያለ ቁጥር ብቻ ነው ጥቅም ላይ ሊውል ይችላል እንዲገልጹ. ነገር ግን በምትኩ ከላይ ወደ ቅርብ ጎረቤት ውስጥ የተሰረዙ ንጥል ተጨማሪ ዓይነታ መግለፅ አለብዎት. አንተ ሕብረቁምፊዎች ከሆነ, ከዚያ rowspan ዓምዶች, ከዚያም colspan, ያዋህዳል ከሆነ. አንድ አይነታ እሴት እናንተ ማዋሃድ የሚፈልጉትን ንጥሎች ብዛት ያመለክታል.

አንተም ከላይ ወደ ቅርብ አባሉ ውስጥ መግለጽ ይኖርብናል እባክዎ ልብ ይበሉ. የ ሕዋስ 1 እና 2 ማዋሃድ ፈልጎ ከሆነ ለምሳሌ ያህል, ከላይ አኃዝ ውስጥ, ሁለት አንድ እሴት ጋር ሕዋስ 1 colspan አይነታ ላይ መግለጽ አለብዎት. እና ቦታ ቁጥር 2 ወይም 3 ይሰርዙ, ለውጥ የለውም.

ዋናው ነጥብ እናንተ መውሰድ ምን ያህል ቦታ ሕዋስ መንገር ነው. ነባሪው ዋጋ 1 ነው.

አዋህድ ሴሎች ቁልቁል ኤም ኤል-ጠረጴዛ ተመሳሳይ መርህ ላይ ቦታ ይወስዳል. በቀላሉ ወዳሉበት ቦታ እንደ ሽቅብ ይቆጠራል ይሆናል. ከታች በስእል ይመልከቱ.

እዚህ ቁጥር 43 ጋር ሴል ሁለት ሕብረቁምፊዎች ይወስዳል. ይህንን ለማድረግ, የ አይነታ rowspan ይጥቀሱ. ብቻ ትዝ:

• ረድፍ - ረድፍ.
• ቆላ - አምድ / አምድ.
• Span - ማህበር.

የ ፈጣሪዎች እንኳ ሳያውቁ, በሆነ መንገድ መረዳት ይችል ዘንድ: የሰው ለማድረግ በተቻለ መጠን ቋንቋ ለማምጣት ሞክረዋል.

ቁልቁል እና አግድም: ኤችቲኤምኤል ውስጥ ሴሎች ህብረት በሁለት አቅጣጫዎች ውስጥ ሊደረግ ይችላል. ይህን ለማድረግ, ሁለቱም አይነታ ይግለጹ.

ከላይ አምሳሉ ነውና ብቻ መሆኑን እና ማህበር ማድረግ እንደሚችል ተናግሯል: ረድፎች, ዓምዶች, ወይም ረድፎች እና አምዶች ሁለቱንም.

ኤችቲኤምኤል: ሕዋሶችን ማዋሃድ. ምሳሌዎች

እኛን ትላልቅ ጠረጴዛዎች ላይ ይበልጥ ውስብስብ የሆኑ ምሳሌዎችን ምዕራፍ ከፋች እንመልከት. በግራ በኩል በታች መደበኛ ጠረጴዛ የመጀመሪያ ስሪት ያዋቅሩ. አንድ በቀኝ - በሁለተኛው ረድፍ ውስጥ ሁለት ሕዋሳት ጥምር ጋር ተለዋጭ. ስለዚህ ግልጽ እና ቀላል የ HTML-ኮድ ለማወዳደር.

በተጨማሪም ሴል መሃል ሦስቱ ማዋሃድ ይችላሉ. በመጀመሪያው ሁኔታ ውስጥ colspan አይነታ ሕዋስ №1 ይገልጻል. እዚህ የመጀመሪያው ሳይለወጥ ይሆናል, እንዲሁም ሁለተኛው ሦስት እኩል, ወደ colspan ታክሏል.

አንድ ነጠላ ረድፍ ውስጥ ሁሉ ሕዋሶችን ማዋሃድ ከፈለጉ በመጀመሪያ colspan = '5' ያመለክታል ውስጥ, ከዚያም አራት TD ማስወገድ.

ከዚህ ማየት እንደምትችለው, እንዲያውም, ሁሉም ነገር ቀላል ነው. ምንም የተወሳሰበ. በጣም በአስፈላጊ ሁኔታ, በጥንቃቄ, ለመጀመሪያ ጊዜ ጀምሮ ጠረጴዛዎች ሁሉ አደጋዎች ለመረዳት, ከዚያም ምንም ችግሮች ሊነሱ አይገባም.

አንድ ጣቢያ ማእቀፍ ሰንጠረዥ

ኤችቲኤምኤል ውስጥ ሴሎች ህብረት ምንጊዜም (ቃል ወይም በ Excel ውስጥ) መረጃ ጋር መደበኛ ሰንጠረዦች ጥቅም ላይ አይደለም. የድረ ነዳፊዎች ብዙውን ጊዜ ግን ፊት መስጫዎችን ጣቢያዎች አቀማመጥ ከእነሱ ተጠቅመዋል.

ለምሳሌ ያህል, ጣቢያ አቀማመጥ እንመልከት. ይህ ንድፍ - በጣም ቀላል እና አስመስሏቸዋል. ነገር ግን በግልጽ ማህበር አጠቃቀም ማሳየት ይችላሉ.

ሁለት ሕዋሳት እያንዳንዳቸው በሦስት ረድፍ አንድ ጠረጴዛ መጀመሪያ ነበር. ከዚያም የጣቢያውን አርማ, በመጀመሪያው ረድፍ ውስጥ ሁለት ሕዋሳት ጥምር ቆይተዋል ቦታ. ዋናው ነጥብ የ «ምድር ቤት" ለማስተናገድ ተመሳሳይ ማድረግ ነው.

የራሱ ቦታ የሚቻል ነው ምክንያት ንድፍ አባሎችን ቦታ, እና ምንም ነገር በውስጡ ገደብ አይተዉም. ይህ በጣም አመቺ እና ቀላል ነው. ስለዚህ በጣም ተወዳጅ ነበር. አሁን አንድ div መለያ ብሎኮች ለመፍጠር ይመከራል.

መደምደሚያ

እና የ HTML የሠንጠረዥ ሕዋስ ማዋሃድ, የሚወዱትን ነገር ሁሉ ማድረግ እንደሚችል አስታውስ. ይህ ሁሉ የምትፈልገውን ነገር የሚወሰነው እንዴት እርስዎ ማዘጋጀት ይፈልጋሉ. በአስፈላጊ ሁኔታ, ግራ ማግኘት አይደለም. እናንተ ማህበራት ትልቅ ቁጥር ጋር አንድ ትልቅ ጠረጴዛ መፍጠር ከፈለጉ, ይህ በወረቀት ላይ ወይም ቀለም ውስጥ ሁሉንም ልትቀዳ ይመከራል. Imposer ለጀማሪዎች ቀላል ይሆናል.

ጊዜ ትርፍ ልምድ, እነዚህን ክወናዎችን በቀላሉ በራሱ ውስጥ ማከናወን ይችላሉ.