HTML वर पाठ. सेल विलीन

HTML मध्ये टेबल - एक अतिशय सुलभ आयटम. त्यांना तुम्ही काहीही करू शकता. अर्थात, मुख्य उद्देश - एक टेबल माहिती ठेवून. पण साइट विकासक पुढे गेले. एका वेळी एक साइट आराखडा तयार करण्यासाठी एक टेबल वापरण्यासाठी खूप लोकप्रिय होते. आता व्यावसायिक तसे प्रयत्न करत आहेत.

त्या पाट्यावर पुढे व रुंद अर्ज कारण गुणधर्म मोठ्या प्रमाणात आढळले आहेत. उदाहरणार्थ, एक अतिशय उपयुक्त मालमत्ता पंक्ती किंवा स्तंभ यात केला.

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

colspan आणि rowspan: HTML मध्ये, पेशी युनियन दोन गुणधर्म अर्थ येते. ते TD टॅग दर्शवली.

प्रथम आम्ही विषय सखोल चौकशी आधी, प्रत्येक टेबल रचना विश्लेषण करू या. प्रत्येक टेबल मध्ये एक ओळ आहे, आणि तो - सेल. लक्षात ठेवा प्रारंभी सर्व मेज पेशी समान संख्या असणे आवश्यक आहे की.

दोन ओळी संकेत वरील आणि तीन पेशी प्रत्येक आकृती. तो एक सामान्य टेबल आहे. आपण कोणत्याही बॉक्स मध्ये असाल तर, टेबल आहे "बाहेर हलवा" पेशी लहान संख्या टाइप करा, सर्व योग्यरितीने प्रदर्शित केला जाणार नाही.

HTML-सारणी: अनुलंब आणि आडव्या सेल विलीन

पेशी किंवा तारांची लहान संख्या फक्त वापरले जाऊ शकते निर्देशीत करण्यासाठी विलीन काहीतरी असेल तर. पण त्याऐवजी वरच्या जवळच्या शेजारी हटविले आयटम आपल्याला एक अतिरिक्त गुणधर्म निर्दिष्ट करणे आवश्यक आहे. आपल्याला स्तंभ, नंतर colspan, स्ट्रिंग, तर rowspan एकत्र तर. एक विशेषता मूल्य आपण विलीन करू इच्छित आहे की आयटम संख्या दर्शवतो.

कृपया लक्षात ठेवा की वर जवळच्या घटक मध्ये निर्दिष्ट करणे आवश्यक आहे की. उदाहरणार्थ, वरील आकृती, आपण सेल 1 आणि 2 एकत्र पाहिजे असेल तर तुम्हाला दोन मूल्य सेल 1 colspan गुणधर्म मध्ये निर्दिष्ट करणे आवश्यक आहे. आणि स्थान क्रमांक 2 किंवा 3 हटवा, काही फरक पडत नाही.

तळ ओळ आपण होतील किती जागा सेल सांगतो आहे. डीफॉल्ट मूल्य 1 आहे.

सेल विलीन अनुलंब HTML-टेबल समान तत्व रोजी स्थान घेते. फक्त व्यापलेल्या जागा म्हणून अनुलंब विचार केला जाईल. खालील आकृती पहा.

येथे, संख्या 43 सेल दोन स्ट्रिंग घेते. हे करण्यासाठी, आपण गुणधर्म rowspan निर्देशीत करा. फक्त आठवण झाली:

• पंक्ती - ओळीत.
• कर्नल - स्तंभ / स्तंभ.
• कालावधी - असोसिएशन.

निर्माते अगदी ते जाणून घेतल्याशिवाय, कसा तरी समजू शकत की, मानवी शक्य भाषा आणण्यासाठी प्रयत्न केला आहे.

अनुलंब आणि आडव्या: HTML मध्ये, पेशी युनियन दोन दिशानिर्देश केले जाऊ शकते. हे करण्यासाठी, आम्ही दोन्ही गुणधर्म निर्देशीत करा.

वरील आकृती आहे फक्त आणि संघटना करू शकता, असे म्हटले: पंक्ती, स्तंभ, किंवा पंक्ती आणि स्तंभ दोन्ही.

HTML: सेल विलीन. उदाहरणे

आम्हाला मोठ्या दगडी पाट्यांवर अधिक जटिल उदाहरणे मैलाचा दगड विचार करू या. डावीकडे खाली एक नियमित टेबल मूळ आवृत्ती सेट करा. एक योग्य - दुसरा सलग दोन पेशी संयोजन एक प्रकार. त्यामुळे स्पष्ट आणि सोपे HTML-कोड सौद्यांची तुलना करा.

आपण सेल मध्यभागी तीन एकत्र करू शकतो. पहिल्या प्रकरणात colspan गुणधर्म सेल №1 निर्दिष्ट करते. येथे पहिल्या बदलला जाणार नाही, आणि दुसरा तीन समान colspan जोडले.

आपण एका सलग सर्व सेल विलीन करू इच्छित असल्यास, नंतर प्रथम colspan = '5' सूचित चार टीडी काढून टाका.

तुम्ही बघू शकता, खरं तर, सर्वकाही सोपे आहे. काहीही कठीण नाही. सर्वात महत्त्वाचे म्हणजे, काळजीपूर्वक, प्रथमच पासून टेबल सर्व तेथे उपासनेच्या समजून घेणे, आणि नंतर नाही समस्या उद्भवू नये.

एक साइट फ्रेमवर्क टेबल

HTML मध्ये, पेशी युनियन नेहमी (शब्द किंवा एक्सेल मध्ये) माहिती नियमित सारण्या वापरली जात नाही. वेबसाईट डिझायनर अनेकदा, परंतु आधी मतदान त्यांना साइट लेआउट साठी वापरले आहेत.

उदाहरणार्थ, साइट लेआउट विचार करा. ही रचना - अत्यंत साधे आणि प्राचीन. पण आपण स्पष्टपणे संघटना वापर दाखवू शकता.

प्रत्येक दोन पेशी तीन ओळी एक टेबल मूलतः आली. मग, ठेवा साइट लोगो, पहिल्या रांगेत दोन पेशी एकत्र आले आहेत. तळ ओळ "तळघर" सामावून असेच करावे.

डिझाईन घटक ठेवण्यासाठी मुळे त्याच्या ठिकाणी ते शक्य आहे, आणि काही त्याच्या मर्यादा सोडणार नाही. हा एक अतिशय सोयीस्कर आणि सोपे आहे. त्यामुळे तो खूप लोकप्रिय होते. आता, मी तो div टॅग अवरोध तयार करण्यासाठी शिफारस केली आहे.

निष्कर्ष

आणि लक्षात ठेवा HTML टेबल सेल विलीन, आपण आपल्याला आवडत जे काही करता येत नाही. हे सर्व आपल्याला काय पाहिजे यावर अवलंबून असते आणि आपण ते कसे व्यवस्था करायची आहे. महत्त्वाची बाब म्हणजे, उतावळेपणा करू नका. आपण संघटना मोठ्या प्रमाणात मोठ्या टेबल तयार करू इच्छित असल्यास, तो एक कागद किंवा पेंट मध्ये सर्व काढणे शिफारस केली आहे. Imposer सुरुवातीला सोपे होईल.

तेव्हा लाभ अनुभव, या ऑपरेशन आपण सहजपणे आपल्या डोक्यात सुरू करू शकता.