HTML में बुलेटेड सूचियों को संरेखित करने के लिए CSS कोड का उपयोग करें।
वेब डिज़ाइनर केवल बुलेट और टेक्स्ट जोड़ने से अधिक के लिए बुलेट सूचियों का उपयोग करते हैं। बुलेट सूचियां बनाने के लिए उपयोग किया जाने वाला HTML टैग मेनू बनाने या किसी जावास्क्रिप्ट को स्लाइड शो में लोड करने के लिए छवियों को व्यवस्थित करने के लिए आसान है। बुलेट सूचियों के संयोजन के साथ कैस्केडिंग स्टाइल शीट कोड का उपयोग करना सीखना - जिसे HTML स्लैंग में "अनॉर्डर्ड लिस्ट" कहा जाता है - कई रोमांचक वेब-डिज़ाइन संभावनाएं खोलेगा।
स्टेप 1
बुलेटेड सूची वाली अपनी HTML फ़ाइल खोलें और कोड के शीर्ष पर और टैग के बीच देखें। टैग जोड़ें यदि वे पहले से मौजूद नहीं हैं। यदि आपके कोड में a. शामिल है टैग के बाद कहीं टैग करें, और वह इसमें एक CSS फ़ाइल का संदर्भ है, फिर इसके बजाय उस फ़ाइल को खोलें। आपका सीएसएस कोड टैग के बीच या आपकी सीएसएस फ़ाइल की एक नई लाइन पर जाता है।
दिन का वीडियो
चरण दो
अपने लिए "टेक्स्ट-एलाइन" सेट करके टेक्स्ट को सभी बुलेट में संरेखित करें
- उपनाम।
- तथा टैग उन्हें एक सूची के हिस्से के रूप में परिभाषित करने के लिए। जब आप के लिए टेक्स्ट संरेखित करते हैं
- टैग चारों ओर लपेटता है
- टैग, संरेखण प्रत्येक बुलेट में टेक्स्ट को प्रभावित करता है लेकिन सूची को पृष्ठ के बाईं या दाईं ओर संरेखित नहीं करता है। यहाँ "पाठ-संरेखण" सेट करने के लिए CSS कोड का एक उदाहरण दिया गया है:
उल {पाठ-संरेखण: दाएं;}
ध्यान दें कि बुलेट टेक्स्ट के साथ नहीं चलती हैं। इस मामले में गोलियां बाईं ओर रहती हैं।
चरण 3
अपने लिए "फ्लोट" सेट करके पूरी सूची को पृष्ठ के बाईं या दाईं ओर संरेखित करें
- उपनाम। जब "float" a. पर बाएँ या दाएँ पर सेट हो
- टैग, यह संपूर्ण बुलेटेड सूची को पृष्ठ के बाएँ या दाएँ ले जाता है। इस तरह फ्लोट सेट करें:
उल {फ्लोट: दाएं;}
आप "फ्लोट" को बाईं या दाईं ओर सेट कर सकते हैं, लेकिन केंद्र में नहीं।
चरण 4
अपना लपेटो
- में टैग
तथा
एक आवरण बनाने के लिए टैग जो आपके पृष्ठ पर बुलेटेड सूची को केन्द्रित करेगा। आपका परिणामी कोड इस तरह दिखेगा:- सामग्री सूचीबद्ध करें
- सामग्री सूचीबद्ध करें
टैग अपने आप में कुछ भी केन्द्रित नहीं करता है; आपको सब कुछ केन्द्रित करने के लिए CSS का उपयोग करना चाहिए। अपने बीच निम्न कोड जोड़ें
