Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML <marquee> टैग


HTML <marquee> टैग क्या है?

<marquee> टैग का उपयोग वेब पेज पर टेक्स्ट या इमेज को लंबवत (vertically) या क्षैतिज (horizontally) स्क्रॉल करने के लिए किया जाता है। उदाहरण: ब्रेकिंग न्यूज़, लोकप्रिय लेख, आदि। ये खंड आमतौर पर बाएं से दाएं स्क्रॉल होते हुए प्रदर्शित होते हैं।

⚠ महत्वपूर्ण नोट: <marquee> टैग HTML5 में अप्रचलित (deprecated) है। यह एक गैर-मानक, मालिकाना टैग था (मूल रूप से इंटरनेट एक्सप्लोरर)। आधुनिक वेब विकास में इसका उपयोग न करें। विकल्प: CSS एनिमेशन (@keyframes) या JavaScript।

एट्रिब्यूट्स

एट्रिब्यूटमानविवरण
behaviorscroll, slide, alternateस्क्रॉलिंग का प्रकार परिभाषित करता है।
bgcolorrgb(x,x,x), #xxxxxx, colornameअप्रचलित - सामग्री के स्क्रॉलिंग की दिशा परिभाषित करता है।
directionup, down, left, rightसामग्री के स्क्रॉलिंग की दिशा परिभाषित करता है।
heightpixels or %marquee की ऊंचाई परिभाषित करता है।
hspacepixelsmarquee के चारों ओर क्षैतिज स्थान निर्दिष्ट करता है।
loopnumberकितनी बार लूप करना है निर्दिष्ट करता है। डिफ़ॉल्ट INFINITE (अंतहीन)।
scrolldelaysecondsप्रत्येक जंप के बीच देरी कितनी देर तक होनी चाहिए परिभाषित करता है।
scrollamountnumberकितनी दूर जंप करना है परिभाषित करता है।
widthpixels or %marquee की चौड़ाई परिभाषित करता है।
vspacepixelsmarquee के चारों ओर लंबवत स्थान निर्दिष्ट करता है।

उदाहरण (केवल शैक्षिक)

<!DOCTYPE html>
<html>
<head>
  <title>HTML</title>
</head>
<body>
  <h1>Demo Heading</h1>
  <p>This is demo text.</p>
  <marquee direction="right">This is moving text.</marquee>
</body>
</html>

आउटपुट

यह एक गतिशील टेक्स्ट उत्पन्न करेगा:

HTML <marquee> टैग

टेक्स्ट बाएं से दाएं चल रहा है:

HTML <marquee> टैग

आधुनिक विकल्प: CSS एनिमेशन

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 10s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

यह मानक, सुलभ, और प्रदर्शनकारी है।

  1. HTML <dl> टैग: विवरण सूची परिभाषित करना HTML <dl> टैग: विवरण सूची परिभाषित करना

    HTML <dl> टैग <dl> एलिमेंट (डिस्क्रिप्शन लिस्ट / विवरण सूची) शब्द-परिभाषा जोड़े (term-description pairs) का एक समूह दर्शाता है। HTML5 में यह विवरण सूची है, HTML4 में परिभाषा सूची (definition list) कहलाता था। संबंधित टैग्स <dt> (डेफिनिशन टर्म) - शब्द/नाम <dd> (डेफिनिशन ड

  1. HTML <embed> टैग: बाहरी एप्लिकेशन एम्बेड करना HTML <embed> टैग: बाहरी एप्लिकेशन एम्बेड करना

    HTML <embed> टैग <embed> टैग HTML दस्तावेज़ में बाहरी एप्लिकेशन या इंटरैक्टिव कंटेंट (प्लगइन कंटेंट) एम्बेड करता है। यह एक खाली एलिमेंट (void element) है - कोई क्लोजिंग टैग नहीं। एट्रिब्यूट्स एट्रिब्यूट विवरण heightएम्बेडेड कंटेंट की ऊँचाई (पिक्सेल्स)

  1. HTML <dfn> टैग: परिभाषा उदाहरण परिभाषित करना HTML <dfn> टैग: परिभाषा उदाहरण परिभाषित करना

    HTML <dfn> टैग <dfn> टैग (डेफिनिशन इंस्टेंस) HTML में किसी शब्द के परिभाषा उदाहरण (defining instance) को दर्शाता है - यानी वह स्थान जहां किसी शब्द को पहली बार परिभाषित या समझाया गया है। उदाहरण: MCA परिभाषित करना <!DOCTYPE html> <html> <body> <h2>MCA में विषय<