HTML मा पाठ। कक्षहरू मर्ज

एचटीएमएल मा टेबल - धेरै सजिला वस्तु। तिनीहरूलाई तपाईंलाई केहि गर्न सक्नुहुन्छ। को पाठ्यक्रम, मुख्य उद्देश्य - तालिका जानकारी राख्दै। तर साइटहरु को विकासकर्ताहरूले थप गएका छन्। एक समयमा यो एक साइट रूपरेखा बनाउन तालिका प्रयोग गर्न धेरै लोकप्रिय थियो। अब व्यवसायीक त्यसो गर्न प्रयास गर्दै हुनुहुन्छ।

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

यस सिद्धान्त परिचय

colspan र रोस्पैन: HTML मा, कक्षहरूको संघ दुई विशेषताहरु को माध्यम द्वारा हुन्छ। तिनीहरूले td ट्याग लागि निर्दिष्ट छन्।

हामीलाई पहिलो हामी विषय तल्लीन अघि, प्रत्येक तालिकाको संरचना विश्लेषण गरौं। हरेक तालिका त्यहाँ एक लाइन हो, र यो मा - सेल। सुरुमा, सबै टेबल कक्षहरूको नै नम्बर हुनु पर्छ भनेर नबिर्सनुहोस्।

संकेत दुई पङ्क्तिहरू माथि र तीन कक्षहरू प्रत्येक मा आंकडा। यो एक साधारण तालिका छ। तपाईं कुनै पनि बक्स मा हुनुहुन्छ भने, कक्षहरू को सानो संख्या लेख्नुहोस, तालिका "बाहिर सार्न" छ, सबै सही प्रदर्शन गरिनेछ।

HTML-तालिका: ठाडो र तेर्सो रूपमा कक्षहरू मर्ज

तपाईं मर्ज गर्न केही छ भने कक्षहरू वा तार को एक सानो संख्या मात्र प्रयोग गर्न सकिन्छ निर्दिष्ट गर्न। तर यसको सट्टा माथि निकटतम छिमेकी मा मेटिएको वस्तुको तपाईं एक अतिरिक्त विशेषता निर्दिष्ट गर्न आवश्यक छ। तपाईं स्तम्भहरू, त्यसपछि colspan, को तार भने रोस्पैन संयोजन भने। एक विशेषता को मूल्य वस्तुहरू तपाईं मर्ज गर्न चाहनुहुन्छ कि संख्या संकेत गर्छ।

कृपया ध्यान दिनुहोस् कि तपाईं शीर्षमा निकटतम तत्व मा निर्दिष्ट गर्न आवश्यक छ। उदाहरणका लागि, माथिको आंकडा मा, तपाईं सेल 1 र 2 संयोजन गर्न चाहन्थे भने, तपाईं दुई मान संग सेल 1 colspan विशेषतामा निर्दिष्ट गर्न आवश्यक छ। र स्थिति नम्बर 2 वा 3 मेटाउन, यो कुरा छैन।

तल लाइन तपाईं यसलाई हुनेछ धेरै ठाउँ कसरी सेल बताउने छ। पूर्वनिर्धारित मान 1 छ।

मर्ज कक्षहरू ठाडो HTML-तालिका नै सिद्धान्त मा स्थान लिन्छ। बस कब्जा ठाउँ रूपमा ठाडो छलफल गरिनेछ। तल आंकडा हेर्नुहोस्।

यहाँ, संख्या 43 संग सेल दुई तार लाग्छ। यसो गर्न, तपाईं विशेषता रोस्पैन निर्दिष्ट गर्नुहोस्। बस सम्झना:

• पङ्क्ति - पङ्क्ति।
• स्तम्भ - स्तम्भ / स्तम्भ।
• Span - संघ।

सर्जकलाई यो थाह बिना पनि, तरिका बुझ्न सकून् भनेर, मानव गर्न सकेसम्म भाषा ल्याउन प्रयास गरेका छन्।

ठाडो र तेर्सो: HTML मा, कक्षहरूको संघ दुई दिशामा गर्न सकिन्छ। यो गर्न, हामी दुवै विशेषता निर्दिष्ट गर्नुहोस्।

माथिको आंकडा छ भर्खरै र सहमतिलाई गर्न सक्नुहुन्छ कि यसो भने: पङ्क्तिहरू, स्तम्भहरू, वा पङ्क्तिहरू र स्तम्भहरू दुवै।

HTML: कक्षहरू मर्ज। उदाहरण

हामीलाई ठूलो टेबल मा थप जटिल उदाहरण कोसेढुङ्गो विचार गरौं। बायाँ तल नियमित तालिका को मूल संस्करण सेट गर्नुहोस्। एक दायाँ - दोस्रो पङ्क्तिमा दुई कक्षहरू संयोजन संग एक भेद। त्यसैले HTML-कोड तुलना गर्न स्पष्ट र सजिलो।

तपाईं पनि सेल को केन्द्र मा तीन संयोजन गर्न सक्नुहुन्छ। पहिलो मामला मा colspan विशेषता सेल №1 निर्दिष्ट गर्दछ। यहाँ, पहिलो अपरिवर्तित हुनेछ, र दोस्रो को colspan थपियो, बराबर तीन।

तपाईं एक एक पंक्ति मा सबै कक्षहरू मर्ज गर्न चाहनुहुन्छ भने, त्यसपछि चार td हटाउन पहिलो colspan = संकेत मा '5'।

तपाईं देख्न सक्नुहुन्छ रूपमा, वास्तवमा, सबै कुरा सरल छ। केही जटिल। सबैभन्दा महत्वपूर्ण कुरा, ध्यान दिएर, पहिलो पटक देखि टेबल सबै पासो बुझ्न, र त्यसपछि कुनै समस्या उत्पन्न हुँदैन।

एक साइट रूपरेखा रूपमा तालिका

HTML मा, कक्षहरूको संघ सधैं जानकारी नियमित टेबल (शब्द वा Excel मा) को लागि प्रयोग गरिएको छैन। वेबसाइट डिजाइनर अक्सर, तर पहिले पोल तिनीहरूलाई साइटहरु को लेआउट लागि प्रयोग गरेका छन्।

उदाहरणका लागि, साइट को लेआउट विचार गर्नुहोस्। यो डिजाइन - धेरै सरल र आदिम। तर तपाईं संघ को प्रयोग स्पष्ट देखाउन सक्छौं।

दुई कक्षहरू प्रत्येक तीन पङ्क्तिहरू को तालिका मूल थियो। त्यसपछि, साइट को लोगो, पहिलो पंक्ति मा दुई कक्षहरू संयुक्त छन् राख्न। तल पङ्क्तिमा "छिंडीमा" समायोजित गर्न नै के छ।

डिजाइन को तत्व राख्न र केही आफ्नो सीमा छोड्न हुनेछ यसको ठाउँमा यो सम्भव छ कारण। यो एक धेरै सुविधाजनक र सरल छ। त्यसैले, यो यति लोकप्रिय थियो। अब, यो एक div ट्याग ब्लक सिर्जना गर्न सिफारिस गरिएको छ।

निष्कर्षमा

र HTML तालिका सेल मर्ज, तपाईंले चाहनुहुन्छ जे गर्न सक्छन् कि सम्झना। यो सबै तपाईं चाहनुहुन्छ के मा निर्भर गर्दछ र तपाईंले कसरी व्यवस्था गर्न चाहन्छु। महत्वपूर्ण कुरा, भ्रमित प्राप्त छैन। तपाईं संगतले को एक ठूलो संख्या संग तालिका ठूलो सिर्जना गर्न चाहनुहुन्छ भने, यो सबै कागज को टुक्रा वा रंग मा आकर्षित गर्न सिफारिस गरिएको छ। Imposer शुरुआती सजिलो हुनेछ।

लाभ अनुभव गर्दा, यी अपरेसन तपाईँले सजिलै आफ्नो टाउको मा प्रदर्शन गर्न सक्छन्।