सीएसएस में फोटो के कैप्शन के रूप में टेक्स्ट कैसे प्रदर्शित करें
वेबमास्टर विभिन्न प्रकार के पाठ को प्रारूपित करने के लिए CSS - कैस्केडिंग स्टाइल शीट - कोड का उपयोग करके वेब पेजों पर टेक्स्ट प्रदर्शित और स्टाइल कर सकते हैं। फ़ोटो के लिए कैप्शन के रूप में टेक्स्ट प्रदर्शित करने के लिए, कैप्शन टेक्स्ट के लिए CSS कोड क्लास बनाएं और फिर कैप्शन शैली में टेक्स्ट को स्वचालित रूप से फ़ॉर्मेट करने के लिए क्लास आइडेंटिफ़ायर के साथ प्रत्येक कैप्शन को टैग करें।
1।
अपना सामान्य वेब डिज़ाइन प्रोग्राम, HTML संपादक अनुप्रयोग या Microsoft नोटपैड सादा पाठ उपकरण लॉन्च करें। वह वेब पेज खोलें जिसमें वह कैप्शन हो, जिसे आप प्रारूपित करना चाहते हैं।
2।
पृष्ठ के शीर्ष पर स्थित शीर्ष लेख अनुभाग पर स्क्रॉल करें। शीर्ष लेख अनुभाग "" टैग से शुरू होता है और "" टैग के साथ समाप्त होता है।
3।
"टैग" के ठीक पहले निम्न कोड स्निपेट टाइप या पेस्ट करें:
4।
अपने ब्रैकट टेक्स्ट को स्टाइल और फॉर्मेट करने के लिए घुंघराले कोष्ठक के बीच प्रत्येक विशेषता को हाइलाइट करें और संपादित करें। उदाहरण के लिए, कैप्शन के लिए अपने पसंदीदा टेक्स्ट आकार में "फ़ॉन्ट-आकार" तत्व को बदलें। अपने पसंदीदा फ़ॉन्ट चेहरे पर "फ़ॉन्ट-परिवार" संपादित करें। आप एक ऐसा फॉन्ट फेस चुनना चाहते हैं जो या तो वेब पेज के बाकी टेक्स्ट से अलग हो, या पेज के अन्य हिस्सों पर इस्तेमाल किए गए फॉन्ट से मेल खाता हो। रंग को "# 000000" से बदलें - मानक काले पाठ - अपने पसंदीदा रंग कोड में। यदि आप बोल्ड टेक्स्ट में कैप्शन चाहते हैं, तो "फॉन्ट-वेट" में "सामान्य" से "बोल्ड" की विशेषता को बदल दें।
5।
प्रत्येक फोटो कैप्शन की स्थिति पर स्क्रॉल करें, जिसमें आप वेब पेज के बॉडी सेक्शन में "" और "" टैग के बीच स्टाइल को लागू करना चाहते हैं।
6।
कैप्शन पाठ से ठीक पहले "चिपकाएँ" या टाइप करें। कैप्शन टेक्स्ट के बाद "" डालें। कोड इस तरह दिखना चाहिए:
उदाहरण कैप्शन पाठ, छवि की सामग्री को समझाते हुए।7।
वेब पेज को सहेजें और इसे अपनी वेबसाइट के होस्ट सर्वर पर अपने होस्ट के कंटेंट मैनेजमेंट सिस्टम के कंट्रोल पैनल के माध्यम से या फाइल ट्रांसफर प्रोटोकॉल एप्लिकेशन के साथ अपलोड करें।
टिप्स
- चरण 4 में अपने पसंदीदा कैप्शन फ़ॉन्ट रंग के लिए सही हेक्साडेसिमल रंग कोड खोजने के लिए एक ऑनलाइन रंग-पिकर उपकरण का उपयोग करें।
- प्रत्येक वेब पेज के लिए इस प्रक्रिया को दोहराएं, जिसके लिए आप CSS कैप्शन टेक्स्ट स्टाइल लागू करना चाहते हैं।