विषय
वेब डिज़ाइनर "बुकमार्क" और "बुकमार्क" सूचियों का उपयोग केवल बुकमार्क और पाठ जोड़ने से अधिक के लिए करते हैं। Unordered सूचियों को बनाने के लिए उपयोग किया जाने वाला HTML टैग मेन्यू बनाने और जावास्क्रिप्ट को एक प्रस्तुति में लोड करने के लिए छवियों को व्यवस्थित करने के लिए उपयोगी है। इन सूचियों के साथ सीएसएस (कैस्केडिंग स्टाइल शीट) का उपयोग करना सीखना कई वेब डिजाइन संभावनाओं को खोल देगा। अनऑर्डर की गई सूचियों को संरेखित करना बेहतर बनाने के लिए एक बहुत ही महत्वपूर्ण कौशल है।
दिशाओं
-
उस HTML फ़ाइल को खोलें जिसमें अनवांटेड सूची है और टैग के माध्यम से और कोड के शीर्ष पर। टैग जोड़ें> और अगर वे पहले से मौजूद नहीं हैं। यदि आपके कोड में एक टैग शामिल है
- इसके बाद कहीं और, इसमें सीएसएस फ़ाइल का संदर्भ है, उस फ़ाइल को खोलें। आपका CSS कोड> और के बीच जाएगा या अपनी सीएसएस फ़ाइल की एक नई लाइन में।
-
अपने टैग की "टेक्स्ट-अलाइन" प्रॉपर्टी सेट करके टेक्स्ट को बुकमार्क में संरेखित करें
- । इसमें टैग शामिल हैं
- और उन्हें एक सूची के भाग के रूप में परिभाषित करना। जब आप टेक्स्ट को टैग में संरेखित करते हैं
- पृष्ठ के बाईं या दाईं ओर सूची के सभी तत्व प्रभावित होंगे, लेकिन सूची ही नहीं। "पाठ-संरेखित" गुण सेट करने के लिए CSS कोड का उपयोग करने का एक उदाहरण, "ul {text-align: right;}" का उपयोग करें। ध्यान दें कि मार्कर पाठ के साथ नहीं जाएंगे। इस मामले में, वे बाईं ओर होंगे।
-
अपने टैग की "फ्लोट" संपत्ति सेट करके पृष्ठ के बाईं या दाईं ओर पूरी सूची को संरेखित करें
- । यह गुण पृष्ठ के बाईं या दाईं ओर ले जाकर संपूर्ण सूची को प्रभावित करता है। कोड "उल {फ्लोट: राइट;};" लिखें।
आप इस संपत्ति को बाईं या दाईं ओर सेट कर सकते हैं, लेकिन केंद्र में नहीं।
-
अपने टैग्स को उल्टा करें
- टैग के साथ और एक आवरण बनाने के लिए जो पृष्ठ पर सूची को केंद्र में रखेगा। कोड इस तरह दिखेगा: "
- सूची तत्व
- सूची तत्व
टैग अपने आप से कुछ भी संरेखित नहीं करेगा; आपको सब कुछ केंद्र में करने के लिए CSS का उपयोग करना चाहिए सूची को केंद्र में करने के लिए> टैग्स या अपनी CSS फ़ाइल के बीच निम्न कोड जोड़ें: "div {display: block; text-align: center;} ul {डिस्प्ले: इनलाइन-ब्लॉक; text-align: left;}"।