कसरी HTML मा तालिका बनाउन: को एक विस्तृत विवरण

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

सम्पादक चयन

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

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

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

तालिका बनाउनको लागि अल्गोरिदम

सुरु गर्न कसरी HTML मा तालिका बनाउन, छोटो अल्गोरिदम बनाउन। यो प्रत्येक चरण को अनुक्रम बुझ्न सुनिश्चित छ। त्यसपछि वस्तुहरू प्रत्येक कसरी गर्न ठीक विश्लेषण।

गरेको यस प्रिपेरेटरी कार्यहरू सुरु गरौँ।

1 कागज तालिका छवि मा योजनाबद्ध कोर्नुहोस्।

2. पङ्क्ति र कक्षहरू संख्या गणना। यदि विगतमा विभिन्न संख्या - प्रत्येक ryadochka को अलग लाग्छ।

3. पङ्क्ति-हेडर कक्षहरू मा नम्बर (उदाहरणका लागि, «№» सेल, "नाम" र टी। डी) निर्धारित।

रंग, उचाइ र चौडाइ, पाठ पङ्क्तिबद्ध - - 4 तल तालिका को मुख्य मापदण्डहरु लेख्नुहोस् छोटो मा, सबै कुरा तपाईं फिट जस्तो छ।

त्यसपछि तालिका सिर्जना गर्न प्रत्यक्ष जानुहोस्:

1 को ट्याग तालिका सम्मिलित गर्नुहोस्।

2. तपाईंले आवश्यक रकम आधारित लाइनको ट्याग सम्मिलित गर्नुहोस्।

3. पंक्ति पनि कागज मा रेकर्ड गरेको रकम को आधार मा कक्षहरू (सामान्य र ठूलो) को ट्याग सम्मिलित।

4 सम्पूर्ण तालिका लागि मापदण्डहरू सेट गर्नुहोस्।

5 तपाईँलाई व्यक्तिगत कक्षहरू लागि मापदण्डहरू सेट गर्न आवश्यक छ भने।

6 हाम्रो सेल पाठ भर्नुहोस्।

तालिका सिर्जना

त्यसैले, तपाईं सम्पादक, छनौट अब कसरी HTML मा तालिका सिर्जना गर्न हेरौं। अनुमति तालिका ट्याग (<तालिका>) पृष्ठ कोड जोडीएको छ मा, छ, हाम्रो निर्माण यो ट्याग साथ सुरु हुन्छ र समाप्त हुन्छ सम्मिलित छ।

को ट्याग तालिका सम्मिलित, पङ्क्तिहरू र कक्षहरू सिर्जना गर्न अगाडि बढ्नुहोस्।

अब, हामी यी तत्व पनि जोडी छन् भनेर याद गर्नुहोस्। ट्याग स्ट्रिङ परिभाषित र - कक्षहरू।

लागि माथिल्लो कक्षहरू जोडी तत्व प्रयोग गर्नुपर्छ <औं>।

पहिले नै उल्लेख रूपमा, पहिलो चरण त्यसपछि तिनीहरूले सेल दर्ता छ, एक लाइन आकर्षित छ। भ्रम जोगिन गर्न, यो, एक वा दुई लाइन मा प्रत्येक ब्लक बीच कुनै पनि गद्दी गर्न वा अरू को "ट्याब" कुञ्जी प्रयोग गरेर एउटा नयाँ ब्लक तत्व सल्लाह दिन्छन् गर्न उचित छ।

यो जस्तै कसरी हेर्न सक्छन्? यो जस्तै केहि:

• <तालिका>;
• ;
• <बिहिबार> № पी / पी ;
• <बिहिबार> नाम ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• ।

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

हामी अब हामी म्याट्रिक्स र यसको पङ्क्ति र कक्षहरू दुवै को मापदण्डहरु मा सार्न सक्नुहुन्छ HTML मा तालिका सिर्जना गर्न dismantled छन्।

तालिका विकल्प

मा पङ्क्तिबद्ध: कोड लेखिएको छ, यो निम्न बुँदाहरूमा ध्यान आवश्यक छ तालिकाले, HTML, को रंग सीमानाहरू, पृष्ठभूमि, पाठ, र यति मा।

प्यारामिटरहरू तालिका ट्याग <तालिका> निर्दिष्ट छन्। यी समावेश:

1 सीमाना - सीमा चौडाइ। एक पूर्णांक द्वारा परिभाषित। पूर्वनिर्धारित रूपमा, कुनै पनि तालिका सीमाना अचानक हराउनु।

2. Bordercolor - सीमा को रंग। यो हेक्जाडेसिमल रंग (# 00008B), र angliykom आफ्नो नाम (गाढानीलो color) को रूपमा दिइएको गर्न सकिन्छ। पूर्वनिर्धारित, यो सधैं खैरो छ।

3. Bgcolor - पृष्ठभूमि रङ। कोड वा नाम निर्दिष्ट रूपमा।

4 पङ्क्तिबद्ध - तालिका लागि पाठ पङ्क्तिबद्ध। पूर्वनिर्धारित - बाँयामा। यस प्यारामिटर लागि निम्न विकल्पहरू छन्:

• बायाँ - दायाँ र्याप;
• बायाँ -obtekanie सही;
• केन्द्र - कुनै प्रवाह संग बीचमा उत्पादन तालिका।

5 चौडाइ र उचाइ - चौडाइ र तालिकाको उचाइ। यो पिक्सेलमा वा प्रतिशत (ब्राउजर विन्डो आकार सापेक्षित) को रूपमा या त हुन सक्छ।

एक विशेष सूचक निर्धारित, तपाईं डिजाइन गर्न विशेष ध्यान गर्नुपर्छ। उद्धरण एक predetermined मूल्य संकेत जो पछि साइन "बराबर", जान प्यारामिटर निर्दिष्ट पछि।

पाठ को रंग लागि जाँदा, त्यसपछि बाहिर यो HTML ढाँचामा सादा पाठ जस्तै तरिकामा बनाउन।

तालिका उदाहरण:

• <तालिका सीमाना = "2" bordercolor = "# 00008B" bgcolor = "#FFFFFF" align = "center" width = "800" height = "800">;
• ;
• <बिहिबार> № पी / पी ;
• <बिहिबार> नाम ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• ।

मापदण्डहरू पङ्क्तिहरू

त्यसैले हामी पहिले नै कसरी HTML मा तालिका बनाउन र यसको मुख्य मापदण्डहरु सल्लाह दिन्छन् बाहिर समझ गर्नुभएको छ। तर के हामी एक स्ट्रिङ आवंटित गर्न आवश्यक भने? उनको छैन तालिका को मुख्य शरीर रूपमा जाँच?

लाइन मापदण्डहरू ट्याग डाटा तालिका जस्तै तरिकामा मा लेखिएका छन्। निम्न चर परिभाषित गर्न सकिन्छ रेखामा:

1 पहिले नै तपाईं ज्ञात सीमा, bordercolor र bgcolor।

2. पङ्क्तिबद्ध - लाइन मा पाठ पङ्क्तिबद्ध। यो बायाँ गर्न, केन्द्र र सही सेट गर्न सकिन्छ।

3. Valign - ट्याग पाठ ठाडो aligns। यसलाई निम्न मान लिन्छ:

• शीर्ष - पाठ माथिल्लो सीमा पङ्क्तिबद्ध छ;
• मध्य - बीचमा;
• तल - तल किनारा।

उदाहरण लाइन अवकास:

• ;
• <बिहिबार> № पी / पी ;
• <बिहिबार> नाम ;
• ।

मापदण्डहरू कक्षहरू

व्यक्तिगत कक्षहरूको मापदण्डहरू, सामान्य र राजधानी दुवै - र अन्तिम कुरा तपाईं ध्यान HTML मा तालिका कसरी बनाउने थाहा गर्न चाहनुहुन्छ गर्नेहरूलाई तिर्न गर्नुपर्छ। वास्तवमा, सबै तालिका वा पङ्क्ति लागि जस्तै तरिकामा गरेको छ। मात्र दुई महत्त्वपूर्ण तत्वहरू जोडी:

1 Colspan - यो प्यारामिटर कक्ष विस्तार हुन सक्छ जसको लागि स्तम्भहरू संख्या निर्दिष्ट गर्दछ।

2. रोस्पैन - पहिले नै यस सेल कब्जा पङ्क्तिहरू संख्या संकेत गर्छ।

डिजाइन को निर्धारण लाइन कुनै फरक भएकोले, यो नमूना कोड परिणाम छैन।

निष्कर्ष

यो पहिलो नजर मा जस्तो हुन सक्छ रूपमा तालिका छैन रूपमा गाह्रो छ गर्नुहोस्। लगनशील भई लागिरहेमा र ध्यान - यसको कोड लेख्दा मुख्य कुरा।

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

परीक्षण गर्न नडराऊ, र तपाईँले पूर्ण टेबल सिर्जना को प्रविधी महारत छन्। शुभकामना छ!