HTML में Bullet Point कैसे बनाये?

...

HTML का उपयोग करके बुलेट पॉइंट बनाएं

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

  • टैग करें और फिर पूरी सूची को इसमें लपेटें
      या "अनियंत्रित सूची" टैग। फिर आप कैस्केडिंग स्टाइल शीट कोड का उपयोग करके बुलेट सूची के साथ कुछ भी कर सकते हैं।
  • स्टेप 1

    अपने बुलेट पॉइंट्स के लिए टेक्स्ट लिखें। प्रत्येक बिंदु को अपनी रेखा से प्रारंभ करें। प्रत्येक पंक्ति में लपेटें

  • तथा
  • जैसे टैग:

    दिन का वीडियो

  • यह एक बुलेटेड पॉइंट है
  • यह एक और बुलेट पॉइंट है
  • चरण दो

    बुलेटेड सूची के ऊपर एक खाली लाइन बनाएं और फिर एक ओपनिंग टाइप करें

      उस लाइन पर टैग करें। अपनी बुलेटेड सूची के अंत का पता लगाएं और फिर वहां एक और ब्लैंक लाइन बनाएं। एक क्लोजिंग टाइप करें
    उस लाइन पर टैग करें। यदि आप बाद में सीएसएस के साथ सूची को स्टाइल करना चाहते हैं, तो उद्घाटन में एक वर्ग या आईडी विशेषता जोड़ें
      उपनाम। आईडी विशेषता के साथ एक छोटी बुलेट सूची का एक उदाहरण यहां दिया गया है:
    • गोली एक
    • गोली दो

    चरण 3

    CSS कोड का उपयोग करके अपनी बुलेट सूची बनाने के लिए "शैली" का उपयोग करें। टैग और टैग के बीच CSS कोड जोड़ें, या आप CSS कोड को बाहरी .CSS फ़ाइल में लिख सकते हैं और एक का उपयोग करके फ़ाइल को एम्बेड कर सकते हैं इस तरह टैग करें:. आपके द्वारा बनाई गई .CSS फ़ाइल के पथ के साथ "path/to/stylesheet.css" बदलें। अपनी बुलेट सूचियों का चयन करने के लिए आईडी या वर्ग विशेषता का उपयोग करें, जैसे:

    #mylist li {फ़ॉन्ट-शैली: इटैलिक; }

    उपरोक्त कोड सभी का चयन करता है

  • "mylist" की आईडी वाले टैग के भीतर टैग। वर्ग विशेषता द्वारा चयन करते समय हैश चिह्न को अवधि से बदलें।
  • चरण 4

    बुलेट प्रकार बदलने के लिए CSS में "सूची-शैली" गुण का उपयोग करें। उपलब्ध बुलेट प्रकारों में गैर-क्रमांकित, गैर-वर्णमाला वाली सूचियों के लिए खुले घेरे, भरी हुई डिस्क और वर्ग शामिल हैं। यहाँ वर्ग गोलियों के लिए एक उदाहरण दिया गया है:

    #mylist li {सूची-शैली: वर्ग;}

    टिप

    उपयोग

      इसके बजाय टैग करें
      आदेशित सूचियाँ बनाने के लिए। फिर आप "सूची-शैली" प्रकार को अलग-अलग प्रकार की संख्याओं या अक्षरों में सेट कर सकते हैं।

      "सूची-शैली" विशेषता के लिए "कोई नहीं" निर्दिष्ट करके छवि बुलेट बनाएं और फिर प्रत्येक

    • एक गैर-दोहराई जाने वाली, बाईं ओर संरेखित पृष्ठभूमि छवि को टैग करें। प्रत्येक के बाईं ओर पैडिंग जोड़ें
    • टेक्स्ट को ऊपर ले जाने के लिए टैग करें, अन्यथा यह छवि को ओवरलैप कर देगा।

    श्रेणियाँ

    हाल का

    ब्लैकबेरी में जीमेल संपर्क कैसे आयात करें

    ब्लैकबेरी में जीमेल संपर्क कैसे आयात करें

    नए ब्लैकबेरी में मैन्युअल रूप से संपर्क जोड़ने ...

    एलजी सेल फोन से तस्वीरें हटाना

    एलजी सेल फोन से तस्वीरें हटाना

    एलजी सेल फोन से तस्वीरें हटाना एलजी कई सेल फोन...

    ODIN का उपयोग करके CyanogenMod को कैसे लोड करें

    ODIN का उपयोग करके CyanogenMod को कैसे लोड करें

    आफ्टरमार्केट सॉफ़्टवेयर के साथ अपने Android फ़...