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

...

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

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

स्टेप 1

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

दिन का वीडियो

चरण दो

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

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

चरण 3

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

उदाहरण:

कॉलम 1 कॉलम 2

चरण 4

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

उदाहरण:

कॉलम 1 कॉलम 2

चरण 5

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

चरण 6

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

श्रेणियाँ

हाल का

डिस्क विभाजन को कैसे मर्ज करें

डिस्क विभाजन को कैसे मर्ज करें

विभाजन-प्रबंधन सॉफ़्टवेयर का उपयोग करके कई डिस...

मैं अपने सहपाठियों का खाता कैसे बंद करूँ?

मैं अपने सहपाठियों का खाता कैसे बंद करूँ?

सहपाठी अब मेमोरी लेन की सहायक कंपनी है। सहपाठी...

मैं अपने एओएल पसंदीदा कैसे प्राप्त कर सकता हूं?

मैं अपने एओएल पसंदीदा कैसे प्राप्त कर सकता हूं?

छवि क्रेडिट: इनग्राम पब्लिशिंग/इनग्राम पब्लिशिं...