HTML Lists में Text को Format कैसे करें

HTML सूचियाँ CSS के साथ अत्यंत अनुकूलन योग्य हैं। कई वेबसाइट के मेनू को ध्यान से प्रारूपित HTML सूचियों द्वारा संचालित किया जाता है। यदि आपके पास Facebook के स्रोत कोड को स्किम करने के लिए तंत्रिका है, तो आप यह भी देख सकते हैं कि वे नेविगेशन को स्टाइल करने के लिए unordered HTML सूचियों का उपयोग करते हैं। एक सूची में पाठ को स्टाइल करने के दो तत्व हैं: आधार सूची टैग ("

") और सूची आइटम टैग ("
• ")। आप HTML सूचियों के एकल या सेट को निर्दिष्ट करने के लिए एक वर्ग या शैली का भी उपयोग कर सकते हैं। पाठ को प्रारूपित करना किसी भी स्तर पर संभाला जा सकता है।

  1।

  अपनी पसंद की सादे टेक्स्ट एडिटर में - .css फ़ाइल एक्सटेंशन का उपयोग करने वाली अपनी कैस्केडिंग स्टाइलशीट फ़ाइल खोलें। या तो "उल" (या "ओएल" निर्दिष्ट करें यदि आप एक आदेशित सूची को प्रारूपित कर रहे हैं) या आपके सूची टैग की आईडी। उदाहरण के लिए, यदि आप प्रारूपण कर रहे हैं "

  , "आप के साथ शुरू होगा:

  उल {}

  2।

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

  उल {फ़ॉन्ट-आकार: 12pt; रंग: # 8CCCC8; }

  3।

  सूची-शैली-प्रकार बदलें - प्रत्येक सूची आइटम की शुरुआत में छवि या प्रतीक। W3Schools.com सूची शैली के लिए एक दर्जन से अधिक विभिन्न प्रकारों को निर्दिष्ट करता है। यदि आप सूची की शुरुआत में कुछ नहीं चाहते हैं, तो आप "सूची-शैली: कोई नहीं;" का उपयोग कर सकते हैं, जैसे:

  उल {फ़ॉन्ट-आकार: 12pt; रंग: # 8CCCC8; सूची-शैली: कोई नहीं; }

  4।

  अपनी स्टाइलशीट और दस्तावेज़ सहेजें, फिर अपने ब्राउज़र में सूची आइटम का परीक्षण करें।

  टिप्स

  • यदि आप सूची को क्षैतिज नेविगेशन तत्व के रूप में उपयोग करना चाहते हैं, तो आप उपयोग कर सकते हैं
  • "डिस्प्ले: इनलाइन" और "फ्लोट: लेफ्ट;"।

  चेतावनी

  • HTML और CSS फाइलों को एडिट करने के लिए केवल एक साधारण टेक्स्ट एडिटर, जैसे नोटपैड, नोटपैड ++ या टेक्स्टवंगलर का उपयोग करें।