एउटा HTML तालिका कसरी बनाउने। रंग तालिका

नयाँ वेबमास्टरों धेरै चुनौतीहरूको सामना गर्न छ। तिनीहरूले सधैं इच्छित गुण छैन, हामी आफ्नो वेब साइट टेम्प्लेट सिर्जना गर्न प्रयोग गर्न सक्नुहुन्छ कि आज जस्तो थियो, तर समस्या छ, र त्यसपछि स्क्राच देखि एक वेबसाइट डिजाइन बनाउन त, वा अरू अवस्थित कोड परिवर्तन गर्न छ। र त्यसपछि यो HTML-कोड र पृष्ठभूमि रङ र पृष्ठ सेट गर्न कसरी, तस्वीर वा भिडियो सम्मिलित, HTML मा तालिका बनाउन को न्यूनतम विचार ज्ञान आवश्यक हुनेछ।

टेबल मा काम को सुरु

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

तसर्थ, HTML मा तालिका सिर्जना गर्न सुरु, हामी अधिकतम ध्यान सिफारिस र विचलित हुन।

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

निम्न को तालिका पङ्क्तिहरू संख्या र प्रत्येक पंक्ति मा कक्षहरूको संख्या गणना गर्न छ। पनि हामी जस्तै तालिका तस्बिरहरू उपस्थिति, जस्तै आइटम टिप्पणीमा सिफारिस पृष्ठभूमि रङ, सीमाना, पाठ। त्यसपछि मात्र तपाईं भण्डारण जानकारी प्रयोग एउटा HTML तालिका सिर्जना गर्न सुरु गर्न सक्नुहुन्छ।

सम्पादक

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

तपाईंलाई एउटा विशेष कोड यो उद्देश्य र सामान्य नोटबुक वा नियमित शब्द कागजातको लागि प्रयोग गर्न सकिन्छ कि प्रयोग गरेर एउटा HTML तालिका सिर्जना गर्न चाहनुहुन्छ भने। तर, यहाँ तपाईं लामो हुनेछ कोड लिख रूपमा कडा परिश्रम छ।

तपाईं सफ्टवेयर इन्जिन नै निर्मित संपादक प्रयोग गर्न सक्नुहुन्छ। त्यसैले, तपाईं धेरै इन्जिन मा एक रेकर्ड सिर्जना गर्दा यसलाई टेबल सहित विभिन्न तत्व, थप्न क्षमता प्रदान गर्दछ। आधारभूत सुविधाहरू सम्पादक तपाईं छैनन् सन्तुष्ट बनाउन समेत कोड परिवर्तन यसलाई स्क्राच लेखनमा भन्दा सजिलो हुनेछ।

ट्याग

संपादक तपाईं HTML मा तालिका सिर्जना गर्न सुरु गर्नु अघि प्रयोग कसरी बिना तपाईं आधारभूत ट्याग सम्झनुपर्छ। सबै तीन तिनीहरूलाई - <तालिका> र । सबै ट्याग जोडी छन् याद गर्नुहोस्। पहिलो तालिका, एक पुरा को रूप ट्याग प्रतिनिधित्व दोस्रो लाइन, तेस्रो परिभाषित - पङ्क्ति भित्र सेल।

को ट्याग प्रत्येक बारेमा अलि बढी। तालिका सधैं ट्याग <तालिका> साथ सुरु हुन्छ र साथ समाप्त हुन्छ। कुनै पनि ब्राउजर के उहाँलाई अगाडि तालिका छ को प्रतीक हो। अर्को, ट्याग खुल्छ र साथ समाप्त कि रेखा निर्धारित। प्रत्येक पंक्ति मा, ट्याग प्रयोग र निर्धारित कक्षहरूको संख्या।

तसर्थ, 2x2 तालिका कोड यस हेर्नेछ:

<तालिका>

चयन गरिएको सम्पादक देखि HTML-कोड पृष्ठ मा तालिका सम्मिलित प्रतिलिपि गर्न सकिन्छ।

को मापदण्डहरु, पङ्क्तिहरू र कक्षहरू टेबल

त्यसैले, हामी आधारभूत कोड छलफल। अब तालिका कसरी सुधार गर्न, यो उज्जवल र थप आकर्षक बनाउन बारेमा कुरा गरौं। यसो गर्न, तपाईं ट्याग आधारभूत मापदण्डहरु जान्नु आवश्यक छ। तिनीहरूले प्रत्येक प्यारामिटर समीकृत छ wherein पछि, सुरु ट्याग मा लेखिएका छन्, र त्यसपछि यसको मूल्य उद्धरण लिइएका रजस्टर। <तालिका bgcolor = «#FFFFFF»>: उदाहरणका लागि, एउटा HTML तालिका मा एक पृष्ठभूमि रूपमा परिभाषित गरिएको छ।

हामी केही आधारभूत मापदण्डहरु तपाईं भन्दा उपयोगी हुनेछ भन्ने सूची। गरेको तालिका नै सुरु गरौँ।

त्यसैले, सीमा चौडाई प्यारामिटर सीमाना मद्दत, जो कुनै पनि संख्यात्मक मूल्य लाग्न सक्छ सेट गर्न। सीमाना रंग bordercolor सेट गर्छ। सामान्य पृष्ठभूमि bgcolor सेट गर्छ।

तपाईं तालिका पृष्ठभूमि तस्वीर बनाउन चाहनुहुन्छ भने, तपाईं URL ढाँचा सेट गर्नुपर्छ यो मामला मा पृष्ठभूमि प्रयोग, प्रयोग गर्नुहोस्।

बायाँ गर्न, केन्द्र र सही सेट गर्न सकिन्छ जो align हुनेछ तालिका प्यारामिटर वरिपरि पृष्ठ, सामग्रीहरू align।

शीर्षक ट्याग खोल्ने ट्याग <तालिका> पछि रजस्टर तुरुन्तै जो जोडी <क्याप्सन>, मदत गर्नेछ सेट गर्नुहोस्।

मापदण्डहरु को एक बिट स्ट्रिङ। एक पंक्ति मा कक्षहरू को रंग bgcolor प्रयोग सेट। पाठ पङ्क्तिबद्ध तेर्सो प्यारामिटर पङ्क्तिबद्ध (बायाँ, केन्द्र वा दायाँ) को प्रयोग गरेर गर्न सकिन्छ, ठाडो - valign (मान शीर्ष, मान्छ मध्य वा तल)।

पृष्ठभूमि रङ र पृष्ठभूमि ढाँचा सम्पूर्ण तालिका लागि जस्तै मानकहरु साथ यसको लागि दिइएको छ कि सेल सन्दर्भमा उल्लेख गर्न सकिन्छ। पाठ तपाईं पङ्क्तिबद्ध र valign मापदण्डहरु प्रयोग गर्न सक्नुहुन्छ align।

colspan र रोस्पैन - विशेष सेटिङहरू पनि छन्। पहिलो संग सेल विस्तार हुनेछ जो, स्तम्भहरू संख्या सेट गर्न सक्नुहुन्छ। दोस्रो दिइएको सेल विस्तार हुन सक्छ जसको लागि पङ्क्तिहरू संख्या निर्दिष्ट गर्दछ।

सबै बढी उपयोगी विकल्प छ।

रंग तालिका

का रंग तालिका जस्ता उपयोगी कुराहरू बारे केही शब्द भन्न गरौं। पृष्ठ पृष्ठभूमि को मद्दत पाठ, लिंक र अन्य तत्व को रंग सेट गरिएको छ। रंग तालिका बारे 216 रंग समावेश गर्दछ। तिनीहरूलाई प्रत्येक यसको आफ्नै हेक्सकोड छ।

कोड नै एक पाउन्ड चिन्ह साथ सुरु र अंक वा अक्षर तीन जोडी comprises। उदाहरणका लागि, तालिकामा हरियो रंग कोड # 007F0 छ। , रातो हरियो र नीलो - प्रत्येक जोडी तीन प्राथमिक रंग को एक को तीव्रता प्रतिनिधित्व गर्दछ। तालिका प्रयोग, तपाईंले चाहेको रंग चयन र कोड प्रयोग गरेर यसलाई सेट गर्न सक्नुहुन्छ।

तपाईं तालिका प्रयोग गर्न सक्नुहुन्छ भने, तपाईं अंग्रेजी मा यसको नाम प्रयोग रंग सेट गर्न सक्नुहुन्छ।

सामग्रीहरू

सामग्रीहरू बारे केही शब्द। निस्सन्देह, अक्सर हामी एउटा HTML तालिका मा पाठ हेर्न सक्नुहुन्छ, तर यो मात्र हामी त्यहाँ राख्न सक्छ कि होइन। र सेल लाइनहरु पनि तस्वीर, अडियो र भिडियो फाइलहरू, लिंक समावेश हुन सक्छ।

पाठ वा कक्ष (रेखा) मा कुनै पनि अन्य जानकारी राख्न आदेश, दुई ट्याग बीच सेट गर्नुपर्छ। उदाहरणका लागि: नाम । यो सेल मा "नाम" प्रदर्शन गर्नेछ।

विशेष ट्याग प्रयोग ग्राफिक जानकारी र मिडिया फाइलहरू राख्नुहोस् - <अडियो> र <भिडियो>।

सुझाव

अन्तमा हामीले केही उपयोगी सुझावहरू तपाईं चाँडै कुनै पनि जटिलता को एउटा HTML तालिका सिर्जना गर्न मद्दत गर्न दिनुहोस्।

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

कक्षहरू र पङ्क्तिहरू सामग्रीहरू तालिका प्रारुप तयार हुँदा, रूपमा प्रारम्भिक अन्त रूपमा दर्ता गर्न सल्लाह।