मेज़एक साधारण तालिका का उदाहरण देखना सबसे अच्छा है, जिसका HTML कोड लिस्टिंग 5.10 में दिखाया गया है।

यह एक तालिका है, प्रत्येक बॉक्स पर क्रमांकन है - इसे आपको देना हमारे लिए आसान होगा। चित्र में. 5.2 संकेत जैसा कि यह वेब ब्राउज़र विंडो में दिखाई देता है।

अब आइए चित्र में तालिका को देखें। 5.3.

यहां हम बीच के कुछ लोगों की चर्चा देख सकते हैं। यह देखा जा सकता है कि बीच के मूक लोग गुस्से में एक हो गए थे। आप पैसे कैसे कमा सकते हैं?

खासतौर पर इस टैग के लिए दो बहुत ही ध्यान देने योग्य गैर-बाध्यकारी विशेषताओं का समर्थन करें। पहला - कोलस्पैन - मध्यों को जोड़ता हैक्षैतिज रूप से, दूसरा ROWSPAN लंबवत।

मध्यों के एक समूह को क्षैतिज रूप से एक में संयोजित करने के लिए, आपको ऐसे टुकड़ों को काटने की आवश्यकता है।

1. HTML टैग ढूंढें ( ), जो संयुक्त मध्यों में से पहले से मेल खाता है (जैसे आप मध्य को बाएँ से दाएँ धकेलते हैं)।

2. नए में कोलस्पैन विशेषता दर्ज करें और उनमें से खाने, सम्मान और सबसे महत्वपूर्ण रूप से कमरों की संख्या का चयन करें।

3. वैधता टैग ( ), इस पंक्ति के मध्य में अन्य इकाइयाँ बनाएँ।

आइए तालिका 2 और 3 (विभाग सूची 5.10) पर एक नज़र डालें। इस तालिका की पहली पंक्ति बनाने वाला संशोधित कोड खंड लिस्टिंग 5.11 में पाया जा सकता है।

तो हम मध्य वाले 4 + 5 और 12 + 13 + 14 + 15 बना सकते हैं।

बीचों को लंबवत रूप से छोटे टुकड़ों में मिलाएं। इस विकोनेट के लिए माल की धुरी आवश्यक है।

1. HTML कोड में वह पंक्ति (टैग) ढूंढें जिसमें खाने के लिए पहली पंक्ति शामिल है (जैसे ही आप पंक्तियों को नीचे ले जाते हैं)।

2. इस पंक्ति के कोड में टैग ढूंढें ( ), जो मध्य से पहले का सुझाव देता है।

3. नए में ROWSPAN विशेषता दर्ज करें और इसकी ताकत निर्दिष्ट करें संयुक्त मध्य, उनकी ओर से सम्मान और प्राथमिकता के साथ।

4. आने वाली पंक्तियों को देखें और उनमें से टैग हटा दें ( ) जो अन्य व्यवसाय एकजुट होने के लिए बनाते हैं।

हम हार गये व्यवसायों को समेकित करेंहमारी तालिका के 1 और 6। सूची 5.12: HTML कोड के टुकड़े को ठीक करें (पहली और दूसरी पंक्ति को सही करें)।

हम बेहद आभारी हैं कि हमने दूसरी पंक्ति से वह टैग देखा जो छठा मध्य बनाता है, शराब के टुकड़े पहले मध्य में जुड़ते हैं।

नीना अक्सर फंसती नहीं है। हालाँकि, पहले, सारणीबद्ध वेब डिज़ाइन के विकास के दौरान, इसके बिना एक तालिका बनाना महत्वपूर्ण था खाने योग्य मध्य के बारे में. तो वैसे भी, आप उसके बारे में नहीं जानते होंगे।

पाठ 11.

तालिका के मध्य का संयोजन.

इस पाठ में हम तालिकाओं को शामिल करना जारी रखेंगे, और हम टैग के लिए दो और विशेषताओं को देखेंगे <d>, जो मध्यस्थों की आज्ञाकारिता को इंगित करता है। नीचे दिए गए छोटे लोगों पर आश्चर्य करने के बाद, आप समझ जाएंगे कि आज्ञाकारिता क्या मौजूद है।

तालिका को बाएं हाथ से दिखाया गया है और इसकी संरचना सामान्य है। पहली पंक्ति में दाहिनी तालिका में, दो मध्य भाग एक दूसरे के साथ जुड़ जाते हैं, जिससे एक बड़ा आयतन बनता है।

इन विशेषताओं का समेकन दूसरों के समेकन की तुलना में थोड़ा अधिक महत्वपूर्ण है। उन्हें स्वयं एक गहरा सबक सिखाया गया था।

कोलस्पैन विशेषता.

गुण कॉल्सपनविकोरिस्ट का प्रयोग केन्द्रों को क्षैतिज रूप से एकजुट करने के लिए किया जाता है। विशेषता का मान उन मध्यों की संख्या को इंगित करता है जिन्हें एक में जोड़ा जा सकता है।

आदर करना! यह बहुत महत्वपूर्ण है कि एक पंक्ति के सामान्य और मूल मध्य की मात्रा दूसरी पंक्ति के मध्य की मात्रा के बराबर हो। आइए पहले छोटे बच्चे की मेज के दाईं ओर बट पर एक नज़र डालें। शीर्ष पंक्ति में केवल एक बड़ा ढेर होता है, जिसमें दो प्राथमिक जेबें होती हैं, और निचली पंक्ति में दो प्राथमिक जेबें होती हैं।
नीचे सही ढंग से लिखे गए कोड का एक संस्करण है:

कोड से पहले स्पष्टीकरण:
सबसे ऊपर की कतार <tr>एक मध्य हो सकता है <d>, किस नुस्खे के लिए विशेषता कॉल्सपनज़ी मान 2 . इसका मतलब यह है कि यह मध्य 2 मध्यों को जोड़ता है, इसलिए यह मध्य 2 मध्यों को प्रतिस्थापित करता है। एक और पंक्ति <tr> 2 मई प्राथमिक मध्य <d>.
यह पता चला है कि शीर्ष पंक्ति में हमारे पास दो परस्पर जुड़े हुए मध्य हैं, और नीचे की पंक्ति में दो प्राथमिक मध्य हैं। यह बहुत पुराना है, और कोड सही ढंग से लिखा गया है।

अब कोड के अंत का दायरा व्यापक है:

कोड से पहले स्पष्टीकरण:
दया यह है कि पहली पंक्ति <tr>बदला दो मध्य नहीं <d>, और तीन, उस समय दूसरी पंक्ति <tr>बदला दो बिचौलियों <d>.
कोड को देखने से यह स्पष्ट है कि पंक्तियों में मध्य पंक्तियों की संख्या समान है, केवल टैग की संख्या है <d>तथापि। एले टैग में से एक <d>विशेषता हो सकती है कॉल्सपनज़ी मान 2 इसका मतलब यह है कि यह एक मध्य दो का स्थान लेता है।

रोस्पैन विशेषता.

गुण रोस्पेनविकोरिस्ट का उपयोग ऊर्ध्वाधर केंद्रों को संरेखित करने के लिए किया जाता है। क्रिया का सिद्धांत गुण के समान ही है कॉल्सपन.

कोड से पहले स्पष्टीकरण:
सबसे ऊपर की कतार <tr>तीन मध्य हैं <d>उनमें से एक के लिए विशेषता रोस्पेनज़ी मान 3 . इसका मतलब यह है कि यह मध्य 3 मध्य (एक कार्य विशेषता + 2 निचले ऊर्ध्वाधर मध्य) को जोड़ता है। जैसा कि मैंने पहले ही कहा, पहली पंक्ति में 3 मध्य हैं, जिसका अर्थ है कि नीचे की दो पंक्तियाँ भी तीन मध्य के लिए जिम्मेदार हैं। कोड को देखो, मुझे याद है, नीचे की दो पंक्तियाँ <tr>दो से अधिक बार निस्तेज होना <d>, लेकिन यह मत भूलिए कि शीर्ष पंक्ति के पहले मध्य भाग ने अपना स्थान ले लिया है + उसके नीचे के दो मध्य भाग का दूसरा स्थान ले लिया है। इसका मतलब है कि आसन्न पंक्ति में त्वचा में मध्य की संख्या तीन के बराबर है।

3.8. तालिका के मध्य का संयोजन

व्यवहार में, बड़ी संख्या में तालिकाएँ होती हैं, जिनमें एक मध्य में ऊँचाई और चौड़ाई में कई मध्य होते हैं (चित्र 3.2)। HTML सिस्टम अतिरिक्त विशेषताओं का उपयोग करते हैं: कोलस्पैन और रोस्पैन। कोलस्पैन विशेषता उन मध्यों की संख्या को इंगित करती है जो इस मध्य को क्षैतिज रूप से विस्तारित करते हैं, और रोस्पैन - लंबवत रूप से।

चित्र में. चित्र 3.12 संयुक्त मध्यों वाली एक तालिका दिखाता है। तालिका का शीर्षलेख क्रम में है, जिसमें पंक्ति के सभी तीन नंबर शामिल हैं। मेज पर दो और केंद्र रखें, जिनमें से प्रत्येक दो केंद्रों को लंबवत रूप से जोड़ता है। ऐसी तालिका के लिए कोड सूची 3.7 में दिया गया है।

छोटा 3.12.सामान्य मध्य वाली तालिका

सूची 3.7.केंद्र की विशेषताओं के चयन का एक उदाहरण

मध्य देखना आपको कितने मध्य देखना है इसकी फ़ॉर्मेटिंग सेटिंग बदलने के लिए, इन विधियों में से किसी एक का उपयोग करें। मध्य देखने के लिए माउस पॉइंटर को बाएँ किनारे पर ले जाएँ, यदि आकृति में कोई पतला काला तीर है,