नई वेबमास्टर्स कई चुनौतियों का सामना करना पड़ता है। ऐसा नहीं है कि आज हम अपने स्वयं के वेब साइट खाका बनाने के लिए उपयोग कर सकते हैं प्रतीत होता है, लेकिन मुसीबत है, वे हमेशा वांछित गुण नहीं है, और फिर या तो किसी और खरोंच से एक वेबसाइट डिजाइन बनाने के लिए, या एक मौजूदा कोड में परिवर्तन करने की है। और फिर यह एचटीएमएल कोड और कैसे पृष्ठभूमि रंग और पेज सेट करने के लिए, एक तस्वीर या एक वीडियो डालने, एचटीएमएल में एक टेबल बनाने की न्यूनतम विचार के ज्ञान की आवश्यकता होगी।
मेज पर काम की शुरुआत करें
मार्कअप HTML-पन्नों में सबसे कठिन चीजों में से एक - टेबल। समस्या जो, वास्तव में, याद करने के लिए भी मुश्किल नहीं टैग, की जटिलता नहीं है, और जब कोड लिखने, आप आसानी से एक गलती करते हैं कि कर सकते हैं - अतिरिक्त लाइन या सेल रजिस्टर करने के लिए, पाठ दर्ज नहीं जाता है, जहां यह आवश्यक है भूल जाते हैं, और अन्य trifles । और अधिक तालिका, अधिक से अधिक एक गलती कर का मौका।
इसलिए, HTML में एक तालिका बनाने के लिए शुरू कर रहा है, हम एक अधिकतम फोकस की सलाह देते हैं और नहीं विचलित हो।
सबसे पहले, हम कागज के एक टुकड़े पर एक भविष्य तालिका आकर्षित करना चाहिए, अंकन कि जो सेल में आप हो जाएगा, साथ ही खुद के लिए ध्यान देने योग्य बात एक विशेष तत्व के बुनियादी मानकों।
निम्न तालिका में पंक्तियों की संख्या और प्रत्येक पंक्ति में कोशिकाओं की संख्या की गणना करने के लिए है। इसके अलावा हम इस तरह तालिका में छवियों की उपस्थिति, के रूप में आइटम नोट करने के लिए सलाह देते हैं पृष्ठभूमि रंग, सीमाओं, पाठ। उसके बाद ही आप संग्रहीत जानकारी का उपयोग कर एक HTML तालिका बनाने के लिए शुरू कर सकते हैं।
संपादक
तो तुम एक लेआउट तालिका बना लिया है। अब हम इसे बनाने के लिए उपयुक्त संपादक चुनना है। आप विशिष्ट साइटों चुन सकते हैं, और डिजाइनरों उन्हें में एक तालिका बनाने के लिए। इस सॉफ्टवेयर का उपयोग करना, एक तालिका बनाने वर्ड दस्तावेज़ में के रूप में सरल है। आप FrontPage की तरह एक कार्यक्रम का चयन कर सकते हैं। तथ्य यह है कि कार्यक्रम काफी पुराना है के बावजूद, यह अच्छा वेबसाइट बनाने के लिए, पर के अलावा यह एक ट्यूटोरियल की तुलना में अधिक पाया जा सकता है कर सकते हैं।
आप एक विशेष कोड है कि इस उद्देश्य के और एक सामान्य नोटबुक या एक नियमित रूप से Word दस्तावेज़ के लिए इस्तेमाल किया जा सकता का उपयोग कर एक HTML तालिका बनाने के लिए चाहते हैं। हालांकि, यहां आप कोड लिखने लंबा हो जाएगा के रूप में कड़ी मेहनत करने के लिए है।
आप संपादक सॉफ्टवेयर इंजन ही में बनाया का उपयोग कर सकते हैं। इसलिए, जब आप कई इंजन में एक रिकॉर्ड बनाने के लिए यह टेबल सहित विभिन्न तत्वों, को जोड़ने की क्षमता प्रदान करता है। यहां तक कि अगर बुनियादी सुविधाओं संपादक आप संतुष्ट नहीं हैं, कर कोड में परिवर्तन खरोंच से यह लिखने की तुलना में आसान हो जाएगा।
टैग
इससे पहले कि आप html में एक तालिका बनाने के लिए शुरू कैसे संपादक आप का उपयोग करेगा की परवाह किए बिना, आप मूल टैग को याद रखना चाहिए। वे सब के सब तीन -
, और । ध्यान दें कि सभी टैग जोड़ा जाता है। पहले मेज, एक पूरे के रूप एक टैग का प्रतिनिधित्व करता है एक दूसरी पंक्ति, तीसरे को परिभाषित करता है - पंक्ति के भीतर सेल।
टैग में से प्रत्येक के बारे में एक छोटे से अधिक। तालिका हमेशा टैग के साथ शुरू होता है और तालिका> के साथ समाप्त होता है। किसी भी ब्राउज़र उसके सामने एक टेबल है क्या का प्रतीक है। इसके बाद, निर्धारित लाइनों टैग को खोलता है और tr> के साथ समाप्त होता है। प्रत्येक पंक्ति में, टैग का उपयोग कर और td> कोशिकाओं की निर्धारित संख्या।
इस प्रकार, 2x2 तालिका कोड इस तरह दिखेगा:
<तालिका>
|
Td> | td> tr>
| td> | td> tr>
तालिका>
एचटीएमएल कोड पन्नों में एक तालिका सम्मिलित करें चयनित संपादक से कॉपी किया जा सकता है।
पैरामीटर, पंक्तियों और कोशिकाओं की टेबल तो, हम बुनियादी कोड पर चर्चा की। अब हम कैसे तालिका में सुधार करने के लिए, यह उज्जवल और अधिक आकर्षक बनाने के बारे में बात करते हैं। ऐसा करने के लिए, आपको टैग के बुनियादी मानकों को जानना चाहते हैं। वे एक स्टार्ट टैग में लिखा जाता है, जिसमें बाद प्रत्येक पैरामीटर बराबर है, और फिर उद्धरण में लिया अपने मूल्य पंजीकृत करता है। : उदाहरण के लिए, एक HTML तालिका में एक पृष्ठभूमि के रूप में परिभाषित किया गया है।
हम कुछ बुनियादी मानकों को जो आपके लिए सबसे उपयोगी होगा की सूची। की मेज के साथ ही शुरू करते हैं।
तो, बॉर्डर चौड़ाई पैरामीटर सीमा मदद, जो किसी भी संख्यात्मक मूल्य ले जा सकते हैं स्थापित करने के लिए। बॉर्डर का रंग BorderColor सेट। सामान्य पृष्ठभूमि bgcolor सेट।
आप तालिका पृष्ठभूमि चित्र बनाना चाहते हैं, प्रयुक्त पृष्ठभूमि, इस मामले में आप URL प्रतिमान स्थापित करना चाहिए का उपयोग करें।
जो छोड़ दिया करने के लिए, केंद्र और सही सेट किया जा सकता तालिका पैरामीटर चारों ओर पेज संरेखित होगा, की सामग्री को संरेखित करें।
सेट करें शीर्षक टैग जोड़ी <शीर्षक>, जो खुलने वाला टैग के तुरंत बाद पंजीकृत करता है में मदद मिलेगी।
मापदंडों के एक बिट श्रृंखला। एक पंक्ति में कोशिकाओं के रंग bgcolor का उपयोग कर निर्धारित किया है। पाठ संरेखण क्षैतिज पैरामीटर संरेखित (छोड़ दिया, केंद्र या सही) का उपयोग किया जा सकता है, ऊर्ध्वाधर - वेलिजन (शीर्ष मान मान लिया गया है, मध्य या नीचे)।
सेल के संबंध में उल्लेखनीय है कि पृष्ठभूमि रंग और पृष्ठभूमि पैटर्न पूरे तालिका के लिए के रूप में ही मानकों के साथ इसके लिए दिया जाता है। पाठ आप संरेखित और वेलिजन पैरामीटर का उपयोग कर सकते हैं संरेखित करें।
कॉल्सपन और रोस्पेन - वहाँ भी विशिष्ट सेटिंग कर रहे हैं। पहले के साथ स्तंभों की संख्या निर्धारित कर सकते हैं, जो कोशिका का विस्तार होगा। दूसरी पंक्तियों जिसके लिए जब किसी सेल का विस्तार कर सकते की संख्या निर्दिष्ट करता है।
यही कारण है कि सभी को और अधिक उपयोगी विकल्प है।
रंग तालिका रंग तालिका के रूप में इस तरह के उपयोगी चीजें बारे में कुछ शब्द करते हैं। पृष्ठ पृष्ठभूमि की मदद से सेट किया गया है, पाठ, लिंक और अन्य तत्वों के रंग। रंग तालिका 216 के बारे में रंग शामिल हैं। उनमें से प्रत्येक का अपना हेक्स कोड है।
कोड अपने आप में एक पाउंड चिह्न के साथ शुरू होता है और अंक या अक्षर के तीन जोड़े शामिल हैं। उदाहरण के लिए, तालिका में हरे रंग कोड # 007F0 है। लाल, हरे और नीले रंग - प्रत्येक जोड़ी तीन प्राथमिक रंगों में से एक की तीव्रता का प्रतिनिधित्व करता है। तालिका का उपयोग करके आप इच्छित रंग का चयन और कोड का उपयोग कर सेट कर सकते हैं।
आप तालिका का उपयोग नहीं कर सकते हैं, तो आप रंग अंग्रेजी में अपने नाम का उपयोग कर सेट कर सकते हैं।
अंतर्वस्तु
सामग्री के बारे में कुछ शब्द। बेशक, सबसे अधिक बार हम एक HTML तालिका में पाठ देख सकते हैं, लेकिन इसका मतलब यह नहीं है कि यह केवल है हम वहाँ डाल सकते हैं। और सेल लाइनों भी चित्र, ऑडियो और वीडियो फ़ाइलों, लिंक हो सकते हैं।
आदेश पाठ या सेल (लाइन) में किसी भी अन्य जानकारी देने के लिए आवश्यक, दो टैग के बीच यह निर्धारित करना चाहिए। उदाहरण के लिए: नाम td>। यह "नाम" सेल में प्रदर्शित करेगा।
, <ऑडियो> और <वीडियो> - ग्राफिक जानकारी और मीडिया फ़ाइलों विशेष टैग का उपयोग कर रखो।
टिप्स अंत में हम आप जल्दी से किसी भी जटिलता के एक HTML तालिका बनाने में मदद करने के कुछ उपयोगी टिप्स दे।
जब लेखन मेज सलाह है कि पहले खुद को पंजीकृत मेज और उसके मुख्य मापदंडों टैग करता है। तब पंक्तियों टैग की सूची। प्रत्येक जोड़ी एक नई लाइन शुरू करते हैं। तो आप अपनी तालिका में कितने पंक्तियां दिखाई देंगी। इसके अलावा, पंक्ति या पंक्तियों के मापदंडों को सूचीबद्ध करता है, तो वे मूल से भिन्न होते हैं। फिर हम एक नई लाइन के रूप में प्रत्येक कोशिका रजिस्टर करने के लिए शुरू करने के लिए सलाह देते हैं। यह किनारे से एक या दो खरोज टैब बनाने के लिए वांछनीय है। इस प्रकार, आप काफी स्पष्ट रूप कोड की संरचना देखेंगे।
कोशिकाओं और पंक्तियों की सामग्री के रूप में जल्दी अंत के रूप में रजिस्टर करने के लिए, जब तालिका के फ्रेम के लिए तैयार है की सलाह दी।
| | |