HTML प्रेक्टिकल - मार्की का प्रयोग कैसे करें?
HTML Practical - How to Create Marquee?
वेब डिजाईन विद एचटीएमएल प्रेक्टिकल - मार्की टैग्स का प्रयोग
Web Design with HTML Practical - Using Marquee Tags
HTML में मार्की <marquee> का उपयोग टेक्स्ट या इमेज को स्क्रॉल करने के लिए किया जाता है। एचटीएमएल मार्की टैग के द्वारा टेक्स्ट को बाएँ, दाएँ, ऊपर या नीचे स्क्रॉल कर सकते हैं। यह एक तरह से टेक्स्ट पर एनिमेशन इफेक्ट का कार्य करता है।
वेबसाईट अथवा वेबपेज पर किसी भी महत्त्वपूर्ण कंटेन्ट जैसे लेटेस्ट अपडेट, सूचना आदि को प्रदर्शित करने के लिए मार्की टेक्स्ट का प्रयोग किया जाता है।
यह एक प्रकार से टेक्स्ट को एनीमेशन इफ़ेक्ट प्रदान करता है। जिससे टेक्स्ट को दायें / बाये/ ऊपर / नीचे स्क्रॉल किया जा सकता है। डिफ़ॉल्ट रूप से, <marquee> टैग का टेक्स्ट दाईं से बाईं ओर स्क्रॉल होता है।
Objective : एचटीएमएल मार्की (Marquee ) टैग्स का प्रयोग | Using Marquee Tags in HTML
वेब डिजाईन एचटीएमएल प्रोग्रामिंग के प्रेक्टिकल प्रायोगिक कार्य के द्वारा एचटीएमएल में मार्की का प्रयोग कैसे करें इसे स्टेप वाइज़ स्टेप सीखेंगे:
एचटीएमएल में मार्की बनाने के लिए <marquee> ........</marquee> टैग्स का प्रयोग किया जाता है। HTML में मार्की <marquee> का उपयोग टेक्स्ट या इमेज को स्क्रॉल करने के लिए किया जाता है।
HTML में मार्की टैग (Marquee Tag) के साथ मुख्य रूप से निम्न एलीमेंट का प्रयोग किया जा सकता है।
Requirements : (Tools / Equipments / Instruments)
पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र
एचटीएमएल मार्की का प्रयोग | Using Marquee in HTML
HTML में मार्की का प्रयोग करने के लिए निम्नानुसार स्टेप्स प्रयोग कीजिए।
विंडोज के नोटेपेड प्रोग्राम को ओपन कीजिए
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
नोटपैड में निम्नानुसार कोड टाइप कीजिए।
फाइल को सेव कीजिए। HTML File को सेव करने के लिए की-बोर्ड से Ctrl + S दबाएं। SaveAs डायलॉग बॉक्स में फाईल के नाम के साथ एक्सटेंशन के रूप में HTML अवश्य लिखें. जैसे marquee.html और Save as type : आप्शन पर निम्नानुसार All Files सेलेक्ट कर Save बटन पर क्लिक कीजिए।
फाईल को खोलने के लिए माऊस से डबल क्लिक कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी।
एचटीएमएल ऑनलाइन प्रेक्टिस – मार्की टैग का प्रयोग
Online HTML Practice - Using Marquee Tag in HTML Program Code
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल मार्की टैग का प्रोग्राम कोड लिख कर मार्की बना सकते हैं। प्रोग्राम कोड का आउटपुट, रिजल्ट विंडो में प्रदर्शित होगा।
See the Pen Marquee Tag Program Code by ITI COPA (@copaguide) on CodePen.
➥ <marquee> ................ </marquee> टैग के अंदर विभिन्न टेक्स्ट को लिखकर आउटपुट रिजल्ट विंडो में चेक कीजिए।
➥ <marquee direction="up/down/left/right"> ................ </marquee> को विभिन्न टेक्स्ट के साथ लिखकर आउटपुट रिजल्ट विंडो में चेक कीजिए।
एचटीएमएल प्रैक्टिकल - मार्की में विड्थ, हाइट एवं बैकग्राउंड कलर एलिमेंट्स प्रोग्राम कोड
Using Marquee Elements width, height and bgcolor
direction एलीमेंट का प्रयोग एचटीएमएल में मार्की का डायरेक्शन लेफ्ट, राइट, अप एवं डाउन करने के लिए किया जाता है। width एवं height एलीमेंट से निम्नानुसार विड्थ एवं हाइट को बदला जा सकता है। bgcolor का प्रयोग एचटीएमएल में मार्की का बैकग्राउंड बदलने के लिए किया जाता है।
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल मार्की का बैकग्राउंड कलर, उसकी विड्थ एवं हाइट को कैसे प्रयोग करना है, उसकी प्रैक्टिस कर सकते हैं। प्रोग्राम कोड का आउटपुट, रिजल्ट विंडो में प्रदर्शित होगा।
See the Pen HTML Marquee with Width Height and Background by ITI COPA (@copaguide) on CodePen.
मार्की एलीमेंट behavior प्रोग्राम कोड
Using behaivor Element in HTML Marquee Program Code
बिहेवियर (behavior) एलीमेंट एचटीएमएल में मार्की को स्क्रॉल, स्लाईड अथवा ऑल्टर्नेट के रूप प्रयोग करने के लिए किया जाता है।
डिफ़ॉल्ट रूप से <marquee> टैग का बिहेवियर स्क्रॉल (Scroll) होता है।
See the Pen Marquee Behavior Slide Alternate Scroll Program Code by ITI COPA (@copaguide) on CodePen.
मार्की एलीमेंट behavior प्रोग्राम कोड
Using behaivor Element in HTML Marquee Program Code
बिहेवियर (behavior) एलीमेंट एचटीएमएल में मार्की को स्क्रॉल, स्लाईड अथवा ऑल्टर्नेट के रूप प्रयोग करने के लिए किया जाता है।
डिफ़ॉल्ट रूप से <marquee> टैग का बिहेवियर स्क्रॉल (Scroll) होता है।
See the Pen Marquee Behavior Slide Alternate Scroll Program Code by ITI COPA (@copaguide) on CodePen.
मार्की एलीमेंट scrolldelay, scrollamount, loop प्रोग्राम कोड
Using scrolldelay, scrollamount, loop in HTML Program Code
स्क्रॉलडिले (scrolldelay) स्क्रॉलिंग के बीच होने वाले delay को मिलिसेकंड में कम कर के लिए प्रयोग किया जाता है। इसकी वैल्यू को बढ़ाने पर delay कम होता जाएगा।
स्क्रॉल अमाउन्ट (scrollamount) स्क्रॉल किए जा रहे टेक्स्ट की स्पीड को कम या ज्यादा करने के लिए किया जाता है।
लूप (loop) मार्की को कितनी बार चलाना है, उसके लिए प्रयोग किया जाता है। इसकी डिफ़ॉल्ट वैल्यू असीमित (infinite) होती है।
See the Pen HTML Marquee scrolldelay, scrollamount and loop element by ITI COPA (@copaguide) on CodePen.
मार्की एलीमेंट hspace एवं vspace प्रोग्राम कोड
Using hspace and vspace in HTML Program Code
हॉरिजॉन्टल स्पेस hspace टेग के द्वारा हॉरिजॉन्टल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की हॉरिजॉन्टल दूरी को निश्चित करता है।
वर्टिकल स्पेस vspace टेग के द्वारा वर्टिकल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की वर्टिकल दूरी को निश्चित करता है।
See the Pen HTML Marquee vspace and hspace Program Code by ITI COPA (@copaguide) on CodePen.
Computer Hindi Notes | Learning HTML Programming | What is Marquee Tag?
Computer Hindi Notes | Web Page Design with HTML
copaguide.com
Web Page Design HTML | Practical Exercise
copaguide.com
Online MCQ Test Series | Internet & HTML