2x2 तालिका कसरी निर्माण गर्ने

एचटीएमएल तालिकाहरू तपाइँ पङ्क्ति र स्तम्भहरूको आधारभूत एकचोटि एकपटक सिर्जना गर्न सजिलो हुन्छ - र जब तपाइँ बुझ्नुहुन्छ एकपटक तालिका प्रयोग गर्न ठीक छ जब तपाइँ बुझ्नुहुन्छ र जब तपाइँ तिनीहरूलाई टाढा पर्दछ।

टेबल र वेब डिजाइनको संक्षिप्त इतिहास

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

त्यसोभए तपाइँ कसरी तालिका लेआउट गर्नुहुन्छ? एक सरल 2x2 तालिका सिर्जना गरेर सुरू गरौं। यसमा 2 स्तम्भहरू छन् (यी ठाडो खण्डहरू) र 2 पङ्क्तिहरू (तेर्सो ब्लकहरू)। तपाईंले 2x2 तालिका बनाउनु भएपछि, तपाईं अतिरिक्त पङ्क्ति वा स्तम्भहरू थप्दा केवल कुनै पनि आकार तालिका निर्माण गर्न सक्नुहुन्छ।

कठिनाई: औसत

समय आवश्यक छ: 10 मिनेट

यहाँ कसरी छ:

1. पहिलो टेबल <तालिका> खोल्नुहोस्
2. त्रि ट्यागको साथ पहिलो पंक्ति खोल्नुहोस्
3. Td ट्यागको साथ पहिलो स्तम्भ खोल्नुहोस्
4. कक्षको सामग्रीहरू लेख्नुहोस्
5. पहिलो कक्ष बन्द गर्नुहोस् र दोस्रो खोल्नुहोस्
6. दोस्रो सेलको सामग्रीहरू लेख्नुहोस्
7. दोस्रो सेल बन्द गर्नुहोस् र पङ्क्ति बन्द गर्नुहोस्
8. पहिलो पङ्क्तिको रूपमा पहिलो को रूपमा लेख्नुहोस्।
9. त्यसपछि तालिका बन्द गर्नुहोस्

तपाईले पनि तालिका हेडरहरू तपाइँको तालिकामा तत्व प्रयोग गरेर चयन गर्न सक्नुहुनेछ। यी तालिका हेडरले पहिलो तालिका पङ्क्तिमा "तालिका डेटा" टुक्राहरूलाई प्रतिस्थापित गर्नेछ, जस्तै:

नाम भूमिका जेरेमी डिजाइनर < td> जेनिफर विकासकर्ता

जब यो पृष्ठ ब्राउजरमा प्रस्तुत गर्दछन्, त्यो तालिका हेडरको साथ पहिलो पङ्क्ति पूर्वनिर्धारित रूपमा, बोल्ड पाठमा प्रदर्शन गर्दछ र तिनीहरू तालिकामा देखा पर्नेछन्।

त्यसोभए, के यो HTML मा तालिकाहरू प्रयोग गर्न ठीक छ?

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

जेनिफर किरिइन द्वारा लिखित। 8/11/16 मा जेरेमी गिरर्ड द्वारा सम्पादित