कंप्यूटर, प्रोग्रामिंग
HTML में एक मेज बनाने के लिए कैसे: का विस्तृत विवरण
तालिका - सबसे महत्वपूर्ण में से एक है, लेकिन एक ही समय जटिल तत्वों है कि वेब पन्नों पर मौजूद होना चाहिए पर। उनकी मदद के साथ यह एक नहीं बल्कि संक्षिप्त रूप में एक महत्वपूर्ण और उपयोगी जानकारी लागू करने के लिए सुविधाजनक है। बेशक, सबसे संपादकों टेम्पलेट्स में, अलग अलग इंजन पर काम कर रहे, स्वचालित रूप से एक मेज अपनी वेबसाइट या अलग प्रकाशन, लेकिन क्या हुआ अगर वेब डिजाइन संसाधन, अपने पृष्ठों खरोंच से बनाया जाता है में डालने? कैसे एक बनाने के लिए: फिर नौसिखिए मास्टर एक समस्या मिल सकता है HTML में टेबल। चलो जल्दी कैसे देख सकते हैं और सही ढंग से वस्तु तैयार करें।
संपादक चुनें
सबसे पहले, एक तालिका बनाने के लिए शुरू कर रहा है, तो आप संपादक है जिसमें आप काम करेंगे परिभाषित करना चाहिए। बेशक, सबसे आसान तरीका कार्यक्रम है जिसमें आप एक बुनियादी साइट कोड बनाने का चयन करें। लेकिन यह इस उद्देश्य के अच्छे पुराने नोटपैड के लिए उपयोग करने के लिए सबसे अच्छा है।
तुम्हें पता है, पूछ सकते हैं क्यों अपने जीवन को मुश्किल, क्योंकि अगर आप सही संपादक में सब कुछ करते हैं, तो परिणाम तुरंत देखा जा सकता है, भी, और यहां तक कि प्रोग्राम का उपयोग करने का संकेत देता है।
हाँ, यह सही है, लेकिन शुरू से एक तालिका बनाने के लिए, आप केवल अच्छी तरह से इसके निर्माण के सिद्धांत की जांच करने में सक्षम नहीं होगा, लेकिन यह भी अंतर्निहित कोड में शर्मनाक लेखन और त्रुटियों को रोकने के। कभी कभी यह संयोग से होता है कि कर्सर नीचे ले जाया जाता है, और त्रुटि में कोड लिखने की प्रक्रिया में ढोंगी, जो कभी कभी खोजने के लिए मुश्किल है। एक नोटबुक में एक तालिका का निर्माण, आप कोड को कॉपी करें और आप के लिए सही जगह में पेस्ट कर सकते हैं।
तालिका बनाने के लिए एल्गोरिथ्म
शुरू करने के लिए, कैसे HTML में एक मेज बनाने के लिए एक छोटी एल्गोरिथ्म बनाने के लिए,। यह सुनिश्चित करें कि आप प्रत्येक चरण के अनुक्रम समझते हैं। तो वास्तव में विश्लेषण कैसे वस्तुओं में से प्रत्येक को करने के लिए।
के प्रारंभिक कार्यों के साथ शुरू करते हैं।
1. कागज तालिका छवि पर योजनाबद्ध ड्रा।
2. पंक्तियों और कोशिकाओं की संख्या की गणना करें। विभिन्न अतीत की संख्या है - प्रत्येक ryadochka के बारे में सोच।
3. पंक्ति हेडर कोशिकाओं में संख्या (उदाहरण के लिए, «№» सेल, "नाम" और टी। डी) निर्धारित करें।
रंग, ऊंचाई और चौड़ाई, पाठ संरेखण - - 4. नीचे तालिका के मुख्य मापदंडों लिखें संक्षेप में, सब कुछ है कि आप फिट लग रहे हैं।
फिर तालिका के निर्माण पर सीधे जाने:
1. टैग तालिका सम्मिलित करें।
2. राशि है कि आप की जरूरत के आधार पर लाइनों की टैग डालें।
3. पंक्तियों कोशिकाओं (सामान्य और अपरकेस) का टैग डालें, यह भी राशि है कि कागज पर दर्ज की गई है के आधार पर।
4. पूरे तालिका के लिए मानकों सेट करें।
5. यदि आप व्यक्तिगत कोशिकाओं के लिए मानकों सेट करने के लिए की जरूरत है।
6. हमारे सेल पाठ भरें।
एक तालिका बनाने
तो, आप संपादक चुनते हैं, तो अब कैसे HTML में एक तालिका बनाने के लिए को देखो। टैग कि मेज की अनुमति देता है (<तालिका>), कि है, पेज कोड पेयर किया गया है में डाला जाता है हमारे निर्माण इस टैग के साथ शुरू होता है और तालिका> के साथ समाप्त होता है।
टैग तालिका सम्मिलित करना, पंक्तियों और कोशिकाओं को बनाने के लिए आगे बढ़ें।
अब, हम ध्यान दें कि इन तत्वों को भी जोड़ा जाता है। टैग
ऊपरी कोशिकाओं बनती तत्वों का इस्तेमाल किया जाना चाहिए के लिए
पहले से ही उल्लेख किया है, पहला कदम है, एक लाइन आकर्षित करने के लिए है तो वे सेल रजिस्टर करने के लिए है। भ्रम की स्थिति से बचने के लिए, यह एक या दो लाइन में प्रत्येक ब्लॉक के बीच किसी भी गद्दी ऐसा करने के लिए, या फिर "टैब" कुंजी का उपयोग करके एक नए ब्लॉक तत्वों लिख करने के लिए सलाह दी जाती है।
यह कैसे की तरह लग सकता है? कुछ इस तरह:
- <तालिका>;
-
; - <गु> पी / पी № वें>;
- <गु> नाम वें>;
- Tr>;
; 1 ; इवानोव td>; - Tr>;
- तालिका>।
आप देख सकते हैं, कुछ भी नहीं इसके बारे में जटिल। मुख्य बात - पंक्तियों और कोशिकाओं की संख्या में खो नहीं है। अन्यथा, मेज झुका हुआ है।
हम अब हम दोनों मैट्रिक्स और उसके पंक्तियों और कोशिकाओं के मापदंडों पर जा सकते हैं HTML में एक तालिका बनाने के लिए ध्वस्त कर रहे हैं।
तालिका विकल्प
में संरेखण: जब कोड लिखा है, यह ध्यान निम्नलिखित बातों के लिए भुगतान करने के लिए आवश्यक है एचटीएमएल, के रंग तालिका बॉर्डर, पृष्ठभूमि, पाठ, और इतने पर।
मापदंडों तालिका टैग
में निर्दिष्ट हैं। इनमें शामिल हैं:
1. सीमा - सीमा चौड़ाई। एक पूर्णांक द्वारा परिभाषित किया गया। डिफ़ॉल्ट रूप से, किसी भी तालिका सीमाओं गायब हो।
2. BorderColor - बॉर्डर का रंग। यह हेक्साडेसिमल रंग (# 00008B), और angliykom पर उसका नाम (Darkblue) के रूप में दिया जा सकता है। डिफ़ॉल्ट रूप से, यह हमेशा ग्रे है।
3. Bgcolor - पृष्ठभूमि रंग। कोड या नाम से निर्दिष्ट के रूप में।
4. संरेखित - तालिका के लिए पाठ संरेखित। डिफ़ॉल्ट - बाईं तरफ। वहाँ इस पैरामीटर के लिए निम्नलिखित विकल्प हैं:
- छोड़ दिया - सही wrap;
- बाईं ओर -obtekanie सही;
- केंद्र - कोई प्रवाह के साथ बीच में उत्पादन तालिका।
5. चौड़ाई और ऊंचाई - चौड़ाई और मेज की ऊंचाई। यह या तो पिक्सल में या एक प्रतिशत (ब्राउज़र विंडो आकार के सापेक्ष) के रूप में हो सकता है।
एक विशेष सूचक निर्धारण, आप डिजाइन के लिए विशेष ध्यान देना चाहिए। पैरामीटर को निर्दिष्ट संकेत "बराबर", जिसके बाद उद्धरण में एक पूर्व निर्धारित मूल्य इंगित करता है जाने के लिए के बाद।
पाठ का रंग का सवाल है, तो बाहर यह HTML स्वरूप में सादे पाठ के समान ही हैं।
एक मेज का उदाहरण:
- <तालिका बॉर्डर = "2" BorderColor = "# 00008B" bgcolor = "#FFFFFF" align = "center" चौड़ाई = "800" ऊंचाई = "800">;
-
; - <गु> पी / पी № वें>;
- <गु> नाम वें>;
- Tr>;
; 1 ; इवानोव td>; - Tr>;
- तालिका>।
मापदंडों पंक्तियों
तो हम पहले से ही समझ गए होंगे कि कैसे HTML में एक मेज बनाने के लिए और अपने मुख्य मापदंडों निर्धारित करने के लिए। लेकिन क्या हम एक स्ट्रिंग आवंटित करने के लिए की जरूरत है? उसे नहीं तालिका के मुख्य शरीर के रूप में बाहर की जाँच करें?
पंक्ति पैरामीटर टैग डेटा तालिका के रूप में एक ही तरीके से
में लिखे गए हैं। लाइन निम्न चर परिभाषित किया जा सकता: 1. पहले से ही आप के लिए सीमा, BorderColor और bgcolor जाना जाता है।
2. संरेखित - लाइन में पाठ संरेखित। यह छोड़ दिया, केंद्र और सही सेट किया जा सकता।
3. वेलिजन - टैग खड़ी पाठ संरेखित करता है। यह निम्न मान लेता है:
- शीर्ष - पाठ ऊपरी सीमा के अनुरूप है;
- बीच - बीच में;
- नीचे - निचले किनारे।
उदाहरण लाइन निकासी:
-
; - <गु> पी / पी № वें>;
- <गु> नाम वें>;
- Tr>।
मापदंडों कोशिकाओं
व्यक्तिगत कोशिकाओं के मापदंडों, दोनों सामान्य और राजधानी - और अंत में आप जो लोग जानना चाहते हैं कि HTML में एक मेज करना चाहते करने के लिए ध्यान देना चाहिए। वास्तव में, सब कुछ एक मेज या पंक्ति के लिए के रूप में एक ही तरीके से किया जाता है। केवल दो महत्वपूर्ण तत्वों कहा:
1. कॉल्सपन - यह पैरामीटर कॉलम जिसके लिए सेल विस्तार कर सकते हैं की संख्या निर्दिष्ट करता है।
2. rowspan - पहले से ही इस सेल के कब्जे में पंक्तियों की संख्या इंगित करता है।
के बाद से डिजाइन पर्चे लाइन से अलग नहीं है, यह नमूना कोड का कारण नहीं बनेगा।
निष्कर्ष
एक तालिका के रूप मुश्किल के रूप में यह पहली नज़र में लग सकता है नहीं है सुनिश्चित करें। मुख्य बात है जब उसके कोड लिखने - दृढ़ता और ध्यान देने की।
कैसे HTML में एक तालिका सम्मिलित करना के लिए के रूप में, तो अपने कोड नंबर कॉपी करें और अपने पृष्ठ के स्थान पर, जिसमें, आपकी राय में, रखा जाना चाहिए में पेस्ट करने के लिए पर्याप्त है।
प्रयोग करने के लिए डरो मत, और जल्द ही आप पूरी तरह से तालिका बनाने की तकनीक में महारत हासिल कर रहे हैं। गुड लक!
Similar articles
Trending Now
Newest