HTML Hindi Notes - How to Use Marquee Tag
एचटीएमएल में मार्की टैग का प्रयोग कैसे करें?

एचटीएमएल मार्की क्या हैं?
What is Marquee in HTML?

HTML में मार्की marquee का उपयोग टेक्स्ट या इमेज को स्क्रॉल करने के लिए किया जाता है। एचटीएमएल मार्की टैग के द्वारा टेक्स्ट को बाएँ, दाएँ, ऊपर या नीचे स्क्रॉल कर सकते हैं। यह एक तरह से टेक्स्ट पर एनिमेशन इफेक्ट का कार्य करता है।
वेबसाईट अथवा वेबपेज पर किसी भी महत्त्वपूर्ण कंटेन्ट जैसे लेटेस्ट अपडेट, सूचना आदि को प्रदर्शित करने के लिए मार्की टेक्स्ट का प्रयोग किया जाता है।

यह एक प्रकार से टेक्स्ट को एनीमेशन इफ़ेक्ट प्रदान करता है। जिससे टेक्स्ट को दायें / बाये/ ऊपर / नीचे स्क्रॉल किया जा सकता है। डिफ़ॉल्ट रूप से, <marquee> टैग का टेक्स्ट दाईं से बाईं ओर स्क्रॉल होता है।

एचटीएमएल मार्की टैग उदाहरण:

<marquee> Latest Update - Check Out your Final Result in Result Section! </marquee>

एचटीएमएल मार्की प्रोग्राम आउटपुट :

Latest Update - Check Out your Final Result in Result Section!

एचटीएमएल मार्की एलीमेंट
Marquee Element in HTML?

मार्की <marquee> टैग के द्वारा टेक्स्ट को अलग अलग तरीके से स्क्रॉल कराने के लिए मार्की <marquee> टैग को विभिन्न ऐट्रिब्यूट्स के साथ प्रयोग किया जा सकता है। मार्की <marquee> टैग में प्रयोग की जाने वाले विभिन्न ऐट्रिब्यूट्स निम्नानुसार हैं:
 ➥ behavior
 ➥ direction
 ➥ width
 ➥ height
 ➥ bgcolor
 ➥ scrolldelay
 ➥ scrollamount
 ➥ loop
 ➥ hspace
 ➥ vspace

क्र.	मार्की एलीमेंट	वैल्यू
1	behavior	behavior="scroll" behavior="slide" behavior="alternate"
behavior एचटीएमएल में मार्की को स्क्रॉल, स्लाईड अथवा ऑल्टर्नेट के रूप प्रयोग करने के लिए किया जाता है। डिफ़ॉल्ट रूप से <marquee> टैग का बिहेवियर स्क्रॉल (Scroll) होता है।
2	direction	direction="up" direction="down" direction="left" direction="right"
एचटीएमएल में मार्की का डायरेक्शन बदलने के लिए किया जाता है। मार्की इफेक्ट को दायें / बाये/ ऊपर / नीचे की ओर करने के लिए इस एलीमेंट का प्रयोग किया जाता है।
3	width	width="100px" width="50%"
एचटीएमएल में मार्की की विड्थ को बदलने के लिए इस एलीमेंट का प्रयोग किया जाता है। पेज के साइज़ के अनुसार इसे प्रतिशत अथवा पिक्सेल साइज़ में बदला जा सकता है।
4	height	height="50px" height="20%"
एचटीएमएल में मार्की की हाइट को बदलने के लिए इस एलीमेंट का प्रयोग किया जाता है। पेज के साइज़ के अनुसार इसे प्रतिशत अथवा पिक्सेल साइज़ में बदला जा सकता है।
5	bgcolor	bgcolor="red" bgcolor="#FF0000"
एचटीएमएल में मार्की टेक्स्ट के बैकग्राउंड कलर को बदलने के लिए bgcolor एलीमेंट का प्रयोग किया जाता है। bgcolor के साथ कलर का नाम अथवा उसकी हेक्साडेसिमल वैल्यू दी जाती है।
6	scrolldelay	scrolldelay="10"
स्क्रॉलडिले (scrolldelay) स्क्रॉलिंग के बीच होने वाले delay को मिलिसेकंड में कम कर के लिए प्रयोग किया जाता है। इसकी वैल्यू को बढ़ाने पर delay कम होता जाएगा।
7	scrollamount	scrollamount="5"
स्क्रॉल अमाउन्ट (scrollamount) स्क्रॉल किए जा रहे टेक्स्ट की स्पीड को कम या ज्यादा करने के लिए किया जाता है। स्क्रॉल अमाउन्ट 1 स्लो स्पीड एवं इससे अधिक करने पर स्पीड अधिक होती जाएगी।
8	loop	loop="20"
लूप (loop) मार्की को कितनी बार चलाना है, उसके लिए प्रयोग किया जाता है। इसकी डिफ़ॉल्ट वैल्यू असीमित (infinite) होती है।
9	hspace	hspace="50px" hspace="20%"
हॉरिजॉन्टल स्पेस hspace टेग के द्वारा हॉरिजॉन्टल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की हॉरिजॉन्टल दूरी को निश्चित करता है।
10	vspace	vspace="150 px" vspace="10%"
वर्टिकल स्पेस vspace टेग के द्वारा वर्टिकल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की वर्टिकल दूरी को निश्चित करता है।

मार्की एलीमेंट direction, width, height, bgcolor का प्रयोग
Using direction, width, height, bgcolor element in HTML Marquee

direction एलीमेंट का प्रयोग एचटीएमएल में मार्की का डायरेक्शन लेफ्ट, राइट, अप एवं डाउन करने के लिए किया जाता है। width एवं height एलीमेंट से निम्नानुसार विड्थ एवं हाइट को बदला जा सकता है। bgcolor का प्रयोग एचटीएमएल में मार्की का बैकग्राउंड बदलने के लिए किया जाता है। एचटीएमएल मार्की एलीमेंट direction, width, height, bgcolor का उदाहरण:

<marquee direction="right" width="50%" height="50" bgcolor="yellow"
This Scrolling Text having direction to the left with Background Color Yellow. </marquee>

<marquee direction="up" width="75%" height="50" bgcolor="pink"
This Scrolling Text having direction to the up with Background Color Pink. </marquee>

<marquee direction="right" width="90%" height="50" bgcolor="orange"
This Scrolling Text having direction to the right with Background Color Orange. </marquee>

<marquee direction="down" width="100%" height="50" bgcolor="violet"
This Scrolling Text having direction to the down with Background Color Violet. </marquee>

एचटीएमएल मार्की एलीमेंट direction, width, height, bgcolor प्रोग्राम आउटपुट :

This Scrolling Text having direction to the left with Background Color Yellow.
This is Scrolling Text having direction to the up with Background Color Pink.
This is Scrolling Text having direction to the right with Background Color Orange.
This is Scrolling Text having direction to the down with Background Color Violet.

मार्की एलीमेंट behavior का प्रयोग
Using behaivor Element in HTML Marquee

बिहेवियर (behavior) एलीमेंट एचटीएमएल में मार्की को स्क्रॉल, स्लाईड अथवा ऑल्टर्नेट के रूप प्रयोग करने के लिए किया जाता है।
डिफ़ॉल्ट रूप से <marquee> टैग का बिहेवियर स्क्रॉल (Scroll) होता है। एचटीएमएल मार्की एलीमेंट behavior उदाहरण:

<marquee direction="right" width="100%" height="50" bgcolor="yellow" behavior="slide"
This Scrolling Text having direction to the left with Slide Behavior. </marquee>

<marquee direction="up" width="100%" height="50" bgcolor="pink" behavior="alternate"
This Scrolling Text having direction to the up with Alternate Behavior. </marquee>

<marquee direction="right" width="100%" height="50" bgcolor="orange" behavior="scroll"
This Scrolling Text having direction to the right with Scroll Behavior. </marquee>

एचटीएमएल मार्की एलीमेंट direction, width, height, bgcolor एवं behavior प्रोग्राम आउटपुट :

This Scrolling Text having direction to the left with Slide Behavior.
This is Scrolling Text having direction to the up with Alternate Behavior.
This is Scrolling Text having direction to the right with Scroll Behavior.

मार्की एलीमेंट scrolldelay, scrollamount, loop का प्रयोग
Using scrolldelay, scrollamount, loop in HTML Marquee

स्क्रॉलडिले (scrolldelay) स्क्रॉलिंग के बीच होने वाले delay को मिलिसेकंड में कम कर के लिए प्रयोग किया जाता है। इसकी वैल्यू को बढ़ाने पर delay कम होता जाएगा।
स्क्रॉल अमाउन्ट (scrollamount) स्क्रॉल किए जा रहे टेक्स्ट की स्पीड को कम या ज्यादा करने के लिए किया जाता है।
लूप (loop) मार्की को कितनी बार चलाना है, उसके लिए प्रयोग किया जाता है। इसकी डिफ़ॉल्ट वैल्यू असीमित (infinite) होती है।
एचटीएमएल मार्की एलीमेंट scrolldelay, scrollamount, loop, उदाहरण:

<marquee direction="right" width="100%" height="50" bgcolor="yellow" behavior="slide"
This Scrolling Text having direction to the left with Slide Behavior. </marquee>

<marquee direction="up" width="100%" height="50" bgcolor="pink" behavior="alternate"
This Scrolling Text having direction to the up with Alternate Behavior. </marquee>

<marquee direction="right" width="100%" height="50" bgcolor="orange" behavior="scroll"
This Scrolling Text having direction to the right with Scroll Behavior. </marquee>

एचटीएमएल मार्की एलीमेंट scrolldelay, scrollamount, loop प्रोग्राम आउटपुट :

This Scrolling Text having scrolldelay=10
This is Scrolling Text having scrollamount=5.
This is Scrolling Text having loop value=3.

मार्की एलीमेंट hspace एवं vspace का प्रयोग
Using hspace and vspace in HTML Marquee

हॉरिजॉन्टल स्पेस hspace टेग के द्वारा हॉरिजॉन्टल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की हॉरिजॉन्टल दूरी को निश्चित करता है।
वर्टिकल स्पेस vspace टेग के द्वारा वर्टिकल मार्जिन दिया जा सकता है। यह मार्की एलीमेंट से अन्य एलीमेंट की वर्टिकल दूरी को निश्चित करता है।

एचटीएमएल मार्की एलीमेंट hspace एवं vspace उदाहरण:

<marquee direction="right" width="50%" height="50" bgcolor="yellow" hspace="100px"
This Scrolling Text having hspace of 100px </marquee>

<marquee direction="up" width="50%" height="50" bgcolor="pink" vspace="50px"
This Scrolling Text having direction to the up with Alternate Behavior. </marquee>

एचटीएमएल मार्की एलीमेंट hspace प्रोग्राम आउटपुट :

This Scrolling Text having hspace of 100px

एचटीएमएल मार्की एलीमेंट vspace प्रोग्राम आउटपुट :

This is Scrolling Text having Vspace of 50px.

Computer Practical | Learning to Code HTML Programming | How to use Marquee Tag with its Elements?