एकदा आपण पंक्ती आणि स्तंभांच्या मूलभूत गोष्टी समजून घेतल्याबरोबरच HTML सारण्या तयार करणे सोपे आहे - आणि जेव्हा एकदा आपण टेबल वापरण्यासाठी ठीक असेल तेव्हा आणि आपण त्यांचे टाळले पाहिजे हे एकदा समजल्यास.
टेबल्स आणि वेब डिझाइनचा संक्षिप्त इतिहास
बर्याच वर्षांपूर्वी, सीएसएस आणि वेब मानके स्वीकारण्याआधी, वेब डिझाइनरने HTML
घटकांचा वापर साइट्स साठी पृष्ठ लेआउट तयार करण्यासाठी केला होता. वेबसाईट डिझाईन्स "कट केल्या" थोड्या तुकड्यात जसे की कोडे आणि त्यानंतर एका HTML सारणीने एकत्रित केल्याप्रमाणे हे ब्राऊझरच्या रूपात प्रस्तुत केले जाईल. ही एक अतिशय गुंतागुंतीची प्रक्रिया होती ज्याने बरेच अतिरिक्त HTML मार्कअप तयार केले आणि जे आज बहुविध स्क्रीनवर आमच्या वेबसाइट्सवर राहतात ते कधीही वापरता येणारे नसेल वेबपृष्ठ दृश्ये आणि मांडणीसाठी सीएसएस स्वीकारलेली पद्धत बनेल म्हणून, या साठी टेबल वापरणे अशक्य झाले आणि बर्याच वेब डिझायनर्सना चुकून असा विश्वास आला की "टेबल वाईट होत्या." तो असत्य होता. लेआउटसाठी टेबल खराब आहेत, परंतु ते अद्याप वेब डिज़ाइन आणि HTML मध्ये एक स्थान आहेत, म्हणजे टेबल शेड्यूल सारख्या कॅलेंडरसारख्या डेटायुक्त डेटा प्रदर्शित करणे. त्या सामग्रीसाठी, सारणीचा वापर करणे अद्याप एक स्वीकारार्ह आणि चांगले दृष्टिकोण आहे.
तर आपण टेबल कसे मांडता? चला फक्त 2x2 टेबल बनवून सुरुवात करू. यात 2 कॉलम (हे अनुलंब ब्लॉक्स् आहेत) आणि 2 पंक्ति (क्षैतिज अवरोध) असतील. आपण 2x2 टेबल तयार केल्यानंतर, आपण अतिरिक्त पंक्ति किंवा स्तंभ जोडून आपल्यास इच्छित आकाराचे सारणी तयार करू शकता
अडचण: सरासरी
आवश्यक वेळ: 10 मिनिटे
कसे ते येथे आहे:
- प्रथम टेबल <टेबल> उघडा
- ट्र टॅग
सह प्रथम पंक्ती उघडा - Td टॅग
सह प्रथम स्तंभ उघडा - सेलची सामुग्री लिहा
- पहिला सेल बंद करा आणि दुसरे उघडा
- दुस-या सेलची सामग्री लिहा
- द्वितीय सेल बंद करा आणि पंक्ती बंद करा
- पहिली
| | | सारखा दुसरी पंक्ती लिहा - नंतर टेबल बंद करा
आपण | घटक वापरून आपल्या सारणीत सारणी शीर्षलेख जोडणे देखील निवडू शकता. हे सारणी शीर्षलेख पहिल्या सारणी पंक्तीमध्ये किंवा "सारणी डेटा" भागांच्या जागी पुनर्स्थित करतील:
<टेबल> | | नाव | भूमिका | | जेरेमी | डिझाइनर < टीडी> जेनिफर | डेव्हलपर | जेव्हा हे पृष्ठ ब्राऊजरमधे रेंडर करेल, तेव्हा टेबलच्या हेडरसह प्रथम पंक्ती मुलभूतरित्या ठळक मजकूरामध्ये प्रदर्शित होईल आणि ते त्या टेबल टेबलवर केंद्रित होतील.
तर, HTML मध्ये टेबल्स वापरणे ठीक आहे का? होय - जोपर्यंत आपण लेआउटच्या उद्देशाने त्यांचा वापर करीत नाही आपल्याला जर टेबल्युलर माहिती दाखवायची असेल तर तक्ता तसे करण्याचा मार्ग आहे. खरंतर, या legitmate HTML घटक दूर करण्यासाठी काही चुकीची शुध्दता एक टेबल टाळून, या दिवस आणि वयोगटातील लेआउट कारणांसाठी त्यांना वापर म्हणून म्हणून मागे आहे.
जेनिफर किरिन यांनी लिहिलेले जेरेमी गिरर्ड द्वारा 8/11/16 रोजी संपादित
| |