HTML प्रेक्टिकल - लिस्ट टैग्स
HTML Practical - List Tags with Examples
वेब डिजाईन विद एचटीएमएल प्रेक्टिकल | लिस्ट टैग्स का प्रयोग
Web Design with HTML Practical - Using List Tags
Objective : एचटीएमएल लिस्ट (List) टैग्स का प्रयोग
वेब डिजाईन एचटीएमएल प्रोग्रामिंग के प्रेक्टिकल प्रायोगिक कार्य के द्वारा आप सीखेंगे :
➥ ऑर्डर लिस्ट (Ordered List)
➥ अनऑर्डर लिस्ट (Unordered List)
➥ डिस्क्रिपशन लिस्ट (Description List)
➥ नेस्टेड लिस्ट (Nested List)
Requirements : (Tools / Equipments / Instruments)
पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र
एचटीएमएल ऑर्डर लिस्ट का प्रयोग | Using Ordered List in HTML
HTML में ऑर्डर लिस्ट का प्रयोग करने के लिए निम्नानुसार स्टेप्स प्रयोग कीजिए।
विंडोज के नोटेपेड प्रोग्राम को ओपन कीजिए
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
नोटपैड में निम्नानुसार कोड टाइप कीजिए।
फाइल को सेव कीजिए। HTML File को सेव करने के लिए की-बोर्ड से Ctrl + S दबाएं। SaveAs डायलॉग बॉक्स में फाईल के नाम के साथ एक्सटेंशन के रूप में HTML अवश्य लिखें. जैसे list.html और Save as type : आप्शन पर निम्नानुसार All Files सेलेक्ट कर Save बटन पर क्लिक कीजिए।
फाईल को खोलने के लिए माऊस से डबल क्लिक कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी।
एचटीएमएल ऑनलाइन प्रेक्टिस – ऑर्डर लिस्ट का प्रयोग
Online HTML Practice - Using Ordered List in HTML
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल ऑर्डर लिस्ट का प्रोग्राम कोड लिख कर सकते हैं। प्रोग्राम कोड का आउटपुट, आउटपुट विंडो में प्रदर्शित होगा।
एचटीएमएल ऑर्डर लिस्ट में टाइप एट्रीब्यूट का प्रयोग करके लिस्ट को नंबर लिस्ट, अल्फाबेटिकल लिस्ट, रोमन नंबर लिस्ट में भी तैयार कर सकते हैं। Code Window में <ol type="1"> नंबर लिस्ट के लिए, <ol type="A"> अल्फाबेटिकल लिस्ट के लिए, <ol type="a"> अल्फाबेटिकल लोअर केस लिस्ट के लिए, <ol type="I"> रोमन कैपिटल लिस्ट के लिए, <ol type="i"> रोमन लोअर केस लिस्ट के लिए प्रयोग करके देखिए ।
See the Pen HTML Ordered List Program Code by ITI COPA (@copaguide) on CodePen.
एचटीएमएल ऑर्डर लिस्ट के बारे में जानें | Learn More about Ordered List in HTML
एचटीएमएल ऑनलाइन प्रेक्टिस – अनऑर्डर लिस्ट का प्रयोग
Online HTML Practice - Using Unordered List in HTML
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल ऑर्डर लिस्ट का प्रोग्राम कोड लिख कर सकते हैं। प्रोग्राम कोड का आउटपुट, आउटपुट विंडो में प्रदर्शित होगा।
अनऑर्डर लिस्ट (Unordered List) में टाइप एट्रीब्यूट type का प्रयोग करके लिस्ट में बुलेट स्टाइल जैसे सर्कल लिस्ट, स्क्वेर लिस्ट अथवा डिस्क लिस्ट का प्रयोग लिस्ट में किया जा सकता है। अनऑर्डर लिस्ट में निम्न बुलेट स्टाइल का प्रयोग कर सकते हैं।
➥ Circle (Default)
➥ Square
➥ Disc
एचटीएमएल ऑर्डर लिस्ट में टाइप एट्रीब्यूट का प्रयोग करके <ul type="Square"> स्क्वेयर बुलेट, <ul type="सर्कल "> सर्कल के लिए, <ul type="Disc"> का प्रयोग करके देखिए ।
See the Pen HTML Unordered List by ITI COPA (@copaguide) on CodePen.
एचटीएमएल अनऑर्डर लिस्ट के बारे में जानें | Learn More about Unordered List in HTML
एचटीएमएल ऑनलाइन प्रेक्टिस – डिस्क्रिप्शन लिस्ट का प्रयोग
Online HTML Practice - Using Description List in HTML
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल डिस्क्रिप्शन लिस्ट का प्रोग्राम कोड लिख कर सकते हैं। प्रोग्राम कोड का आउटपुट, आउटपुट विंडो में प्रदर्शित होगा।
एचटीएमएल में प्राइमरी मेमोरी एवं सेकंडरी मेमोरी के विभिन्न प्रकार जैसे RAM, SRAM, DRAM, ROM, PROM, EPROM, EEPROM के लिए डिस्क्रिप्शन लिस्ट तैयार कीजिए। कंप्यूटर मेमोरी की जानकारी प्राप्त करें।
See the Pen HTML Program Code Description List by ITI COPA (@copaguide) on CodePen.
एचटीएमएल डिस्क्रिप्शन लिस्ट के बारे में जानें | Learn More about Description List in HTML
एचटीएमएल ऑनलाइन प्रेक्टिस – नेस्टेड लिस्ट का प्रयोग
Online HTML Practice - Using Nested List in HTML
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल नेस्टेड लिस्ट का प्रोग्राम कोड लिख कर सकते हैं। प्रोग्राम कोड का आउटपुट, आउटपुट विंडो में प्रदर्शित होगा।
1 - एचटीएमएल में प्राइमरी मेमोरी एवं सेकंडरी मेमोरी के विभिन्न प्रकार जैसे RAM, SRAM, DRAM, ROM, PROM, EPROM, EEPROM के लिए नेस्टेड लिस्ट तैयार कीजिए। कंप्यूटर मेमोरी की जानकारी प्राप्त करें।
See the Pen HTML Program Code Nested List by ITI COPA (@copaguide) on CodePen.
2- चित्र अनुसार सेकन्डरी मेमोरी डिवाइस की नेस्टेड लिस्ट तैयार कीजिए।
एचटीएमएल नेस्टेड लिस्ट के बारे में जानें | Learn More about Nested List in HTML
Computer Hindi Notes | Web Page Design with HTML
copaguide.com
Web Page Design HTML | Practical Exercise
copaguide.com
Online MCQ Test Series | Internet & HTML
copaguide.com
Tags - What is HTML List Tag? HTML Programming List Tag. HTML Hindi Notes Ordered List, Unordered List, Description List, Nested Lists in HTML with Code Examples. HTML Unordered List, HTML Ordered List, What are Nested Lists in HTML? How to Create Ordered Lists in HTML, More Than One Nested Lists in One List, HTML Ordered Lists, Ordered HTML List - The Type Attribute, Ordered HTML List Example, Nested HTML Lists Practical Exercise, Unordered HTML List, How to Create a Nested List in HTMLThe Description List element, Learn how to create a list in HTML. HTML Unordered List, HTML Ordered List, HTML Definition List, Nested HTML List, UL Element, OL Element, LI Element, DL Element, DT Element, DD Element in HTML. Types of HTML List, List Tag in HTML Hindi Notes. What is HTML? History of HTML. Applications of HTML, Web Designing and HTML. How to use HTML for Web Designing. HTML Hindi Notes. Using HTML in Hindi. HTML Hindi Notes Heading Tags, Pargagraph Tags, HTML Practical Exercise - List and Table Tags Hindi Notes. How to Create HTML Ordered Lists & Unordered Lists. How to use Tables in HTML? Learn HTML in Hindi.
HTML लिस्ट क्या हैं? एचटीएमएल लिस्ट का कैसे प्रयोग करें? ऑर्डर लिस्ट एवं अनऑर्डर लिस्ट में अंतर, एचटीएमएल डिस्क्रिप्शन लिस्ट कैसे बनाएं, नेस्टेड लिस्ट क्या है? एचटीएमएल लिस्ट टैग की जानकारी, एचटीएमएल प्रोग्रामिंग लिस्ट के उदाहरण सहित प्रोग्रामिंग कोड, HTML List का परिचय, HTML List बनाने के लिए Use होने वाले HTML Elements, HTML List के प्रकार एच.टी.एम.एल. क्या है? एच.टी.एम.एल. का इतिहास, एच.टी.एम.एल. कैसे सीखे? एच.टी.एम.एल. हिंदी नोट्स, एच.टी.एम.एल. का उपयोग, एच.टी.एम.एल. का वेब डिजाइनिंग में क्या उपयोग है? एच.टी.एम.एल. में लिस्ट का क्या उपयोग है? एच.टी.एम.एल. में लिस्ट कैसे बनाएं?एच.टी.एम.एल. में टेबल क्या है? एच.टी.एम.एल. में टेबल कैसे बनाएं?
|| Theory ||
Practicals
|| Video Tutorials
|| Online Test Series ||