लेखक:
Mark Sanchez
निर्माण की तारीख:
28 जनवरी 2021
डेट अपडेट करें:
1 जुलाई 2024
![25: HTML और CSS में तालिका | टेबल्स कैसे बनाएं | एचटीएमएल और सीएसएस सीखें | एचटीएमएल ट्यूटोरियल | सीएसएस ट्यूटोरियल](https://i.ytimg.com/vi/dK27jWKtJxs/hqdefault.jpg)
विषय
HTML में टेबल बनाना काफी मुश्किल है। लेकिन इस लेख में बताए गए चरणों के साथ, आपको अपनी साइट के लिए एक बनाने में सक्षम होना चाहिए।
कदम
1 विंडोज़ पर नोटपैड या वर्डपैड जैसा साधारण वर्ड प्रोसेसिंग प्रोग्राम खोलें, या मैक पर टेक्स्टएडिट खोलें।
2 वह सभी टेक्स्ट दर्ज करें जिसे आप तालिका के सामने देखना चाहते हैं।
- 3 तालिका> टैग दर्ज करके HTML दस्तावेज़ के लिए तालिका के उपयोग को परिभाषित करें।
- 4 एंटर दबाएं।
5 tr> टैग का उपयोग करके पंक्ति तालिका खोलने के लिए टैग दर्ज करें।
- 6शेष सभी तत्वों को बाएं से दाएं बनाना याद रखें।
7 एंटर दबाएं।
8 वें> टैग का उपयोग करके तालिका शीर्षक के लिए एक प्रारंभ टैग दर्ज करें।
9 वह शीर्षक दर्ज करें जिसका उपयोग आप पहले कॉलम के लिए करना चाहते हैं।
10 / th> टैग का उपयोग करके तालिका शीर्षक तत्व के लिए एक क्लोजिंग टैग दर्ज करें।
11 एंटर दबाएं।
12 चरणों को दोहराएं (स्तंभों में आइटम व्यवस्थित करना बाएं से दाएं).
13 /tr> टैग डालकर इस लाइन को बंद करें।
14 एंटर दबाएं।
15 दूसरे tr> टैग के साथ दूसरी लाइन शुरू करें।
16 एंटर दबाएं।
17 td> टैग का उपयोग करके तालिका डेटा टैग दर्ज करें।
18 वह तालिका डेटा दर्ज करें जिसे आप प्रत्येक फ़ील्ड में शामिल करना चाहते हैं।
- 19ऊपर दिखाए गए कॉलम से डेटा भरकर, बाएं से दाएं काम करें।
20 प्रत्येक इनपुट को / td> टैग के साथ बंद करें।
- 21 आपके पास मौजूद सभी तालिका डेटा के लिए दोहराएं।
- उन कक्षों के लिए जहां आपको कुछ भी दर्ज करने की आवश्यकता नहीं है, td> और td> दर्ज करें और बीच में कुछ भी नहीं दर्ज करें। यह दो अन्य क्षेत्रों के बीच के क्षेत्रों के लिए बहुत उपयोगी होगा।
- उन कक्षों के लिए जहां आपको कुछ भी दर्ज करने की आवश्यकता नहीं है, td> और td> दर्ज करें और बीच में कुछ भी नहीं दर्ज करें। यह दो अन्य क्षेत्रों के बीच के क्षेत्रों के लिए बहुत उपयोगी होगा।
22 प्रत्येक पंक्ति को दूसरे / tr> टैग से बंद करें।
23 tr> और / td> लाइनों के अलावा प्रत्येक पंक्ति को तब तक दोहराएं जब तक कि प्रत्येक पंक्ति इकट्ठी न हो जाए।
24 टेबल को / टेबल> टैग से बंद करें।
25 निम्नलिखित HTML टेक्स्ट दर्ज करें जैसा कि आपको बाकी दस्तावेज़ के लिए चाहिए।
टिप्स
- प्रत्येक पंक्ति से इंडेंट करें ताकि आप समझ सकें कि आप अपने कोड में क्या करने की कोशिश कर रहे हैं।
चेतावनी
- यदि आप गलती से डेटा के बहुत से कॉलम दर्ज करते हैं जहां कोई टेबल हेडिंग नहीं है, तो वे अभी भी दिखाए जाएंगे, लेकिन वे थोड़े मूर्खतापूर्ण लगेंगे और पाठक यह नहीं समझ पाएंगे कि यह जानकारी किस लिए है।
- HTML पेज पर टेबल बनाना समझना एक मुश्किल प्रक्रिया है। सबसे पहले, बाहरी डेटा पर अभ्यास करके देखें कि यह कैसा दिखता है, फिर ब्राउज़ करें और नई तालिका को उसके स्थान पर रखें।
- HTML तालिका कोड उन्नत HTML कोडर्स के लिए सबसे अच्छा है। हालाँकि, इन निर्देशों का पालन करने के बाद, आप भी उनमें से एक बन जाएंगे।