एचटीएमएल में कॉलम कैसे बनाएं

...

एक HTML तालिका में वेबसाइट पर जानकारी होती है।

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

स्टेप 1

अपना HTML संपादक लॉन्च करें। प्रोग्राम के नेविगेशन बार से "फाइल" और "नया" चुनें। आपकी स्क्रीन पर एक खाली दस्तावेज़ दिखाई देगा।

दिन का वीडियो

चरण दो

एक टेबल बनाएं। टेबल्स को के साथ परिभाषित किया गया है

उपनाम। प्रत्येक तालिका को पंक्तियों में और प्रत्येक पंक्ति को डेटा कोशिकाओं में विभाजित किया जा सकता है। डेटा सेल वे हैं जो आपके कॉलम को परिभाषित करेंगे। एक दो-स्तंभ तालिका को इसी तरह कोडित किया गया है:
कॉलम 1 कॉलम 2

चरण 3

तालिका के बॉर्डर गुणों को समायोजित करें। यदि आप चाहते हैं कि आपके कॉलम में बॉर्डर हो, तो बॉर्डर = "1" टैग को टेबल टैग के अंदर रखें। बॉर्डरकलर = "# 000000" टैग के साथ हेक्स रंग कोड का उपयोग करके बॉर्डर का रंग बदलें। #000000 काला है। बॉर्डर का रंग दिखाने के लिए बॉर्डर को कम से कम "1" के रूप में परिभाषित किया जाना चाहिए।

उदाहरण:

कॉलम 1 कॉलम 2

चरण 4

सेलपैडिंग या सेलस्पेसिंग जोड़ें। सेलपैडिंग सीमा और सेल सामग्री के बीच सफेद स्थान की मात्रा है। सेलस्पेसिंग कोशिकाओं के बीच की दूरी है। ये टैग टेबल टैग के भीतर लागू होते हैं। सेलपैडिंग या सेलस्पेसिंग सक्रिय होने की आवश्यकता नहीं है।

उदाहरण:

कॉलम 1 कॉलम 2

चरण 5

अपने कॉलम में सामग्री जोड़ें। टेक्स्ट, इमेज, फॉर्म और बहुत कुछ टेबल डेटा टैग में जा सकते हैं।

चरण 6

अपना HTML दस्तावेज़ सहेजें। इसे अपने वेब सर्वर पर अपलोड करने से पहले अपने इंटरनेट ब्राउज़र में इसका पूर्वावलोकन करें।

श्रेणियाँ

हाल का

डिश नेटवर्क रिमोट प्रोग्राम कैसे करें 5.3 IR

डिश नेटवर्क रिमोट प्रोग्राम कैसे करें 5.3 IR

आपके डिश नेटवर्क 5.3 आईआर रिमोट को आपके इलेक्ट...

अपना जीमेल अकाउंट कैसे चेक करें

अपना जीमेल अकाउंट कैसे चेक करें

Gmail अन्य लोकप्रिय ईमेल प्रोग्राम जैसे Hotmail...

मैकबुक पर फ्लैश ड्राइव पर फोटो कैसे ले जाएं

मैकबुक पर फ्लैश ड्राइव पर फोटो कैसे ले जाएं

एक नोटबुक कंप्यूटर पर एक फ्लैशड्राइव। छवि क्रे...