HTML मार्की टैग-2024

HTML मार्की टैग-2024

HTML मार्की टैग क्या है?

html मार्की टैग का इस्तेमाल वेब पेज पर स्क्रॉलिंग टेक्स्ट या इमेज बनाने के लिए किया जाता है। जब आप इस टैग का इस्तेमाल करते हैं, तो इसके अंदर की सामग्री एक तरफ से दूसरी तरफ या ऊपर और नीचे जाएगी, यह इस बात पर निर्भर करता है कि आपने इसे कैसे सेट किया है। इससे वेबसाइट अधिक गतिशील और मनोरंजक लगेगी तथा उपयोगकर्ता का ध्यान आपकी साइट की ओर आकर्षित होगा।

HTML मार्की टैग – मुख्य बातें

  • HTML मार्की टैग का अर्थ समझना।
  • HTML मार्की टैग के मूल सिंटैक्स की जानकारी प्राप्त करना
  • मार्की टैग विशेषताओं के बारे में सीखना।
  • HTML उदाहरण में मार्की टैग को समझना।

HTML मार्की टैग का मूल सिंटैक्स

HTML मार्की टैग का सिंटैक्स काफी सरल और समझने में आसान है। इसमें एक ओपनिंग टैग होता है जो शुरुआत को दर्शाता है और एक क्लोजिंग टैग होता है जो अंत को दर्शाता है। इसका मूल सिंटैक्स आपके संदर्भ के लिए नीचे लिखा गया है-

HTML मार्की टैग का सिंटैक्स

आप जो भी पाठ प्रारम्भ के बीच में डालेंगे और समापन टैग स्क्रीन पर स्क्रॉल करेंगे। आप स्क्रॉलिंग टेक्स्ट की दिशा, गति और व्यवहार को नियंत्रित करने के लिए अलग-अलग विशेषताएँ भी जोड़ सकते हैं।

मार्की टैग विशेषताएँ

HTML की विशेषताएँ मार्की टैग टेक्स्ट के लुक और कार्यप्रणाली को नियंत्रित करने में मदद करते हैं। इन विशेषताओं का उपयोग आम तौर पर ` के भीतर लिखे गए टेक्स्ट के समग्र स्वरूप और व्यवहार को बढ़ाता है` टैग.

HTML मार्की टैग में बहुत सारी विशेषताएँ उपलब्ध हैं, जिनमें से प्रत्येक की एक अलग भूमिका और उद्देश्य है। आइए नीचे दी गई तालिका को देखें और सभी प्रमुख मार्की टैग विशेषताओं, उनके सिंटैक्स और उनके उपयोगों को समझें।

HTML मार्की टैग की सामान्य विशेषताएँ
गुण वाक्यविन्यास उपयोग
बीजीकलर पाठ का पृष्ठभूमि रंग बदलने के लिए उपयोग किया जाता है।
दिशा यह स्क्रॉलिंग सामग्री की दिशा निर्दिष्ट करता है
कुंडली यह निर्धारित करता है कि सामग्री कितनी बार स्थानांतरित होगी। डिफ़ॉल्ट मान अनंत है।
ऊंचाई इसका उपयोग पाठ या छवि की ऊंचाई निर्धारित करने के लिए किया जाता है।
चौड़ाई इसका उपयोग पाठ या छवि की चौड़ाई निर्धारित करने के लिए किया जाता है।
एचस्पेस पाठ या छवि के चारों ओर क्षैतिज स्थान निर्दिष्ट करें.
वीस्पेस पाठ या छवि के चारों ओर ऊर्ध्वाधर स्थान को परिभाषित करने के लिए उपयोग किया जाता है।

मार्की टैग में इवेंट हैंडलर

इवेंट हैंडलर एक कोड का टुकड़ा होता है जो किसी विशिष्ट इवेंट के होने पर चलता है। उदाहरण के लिए, जब आप किसी बटन पर क्लिक करते हैं या किसी छवि पर अपना माउस घुमाते हैं, तो इवेंट हैंडलर निर्दिष्ट क्रिया को निष्पादित करके प्रतिक्रिया करता है। इवेंट हैंडलर वेब पेजों को इंटरैक्टिव और उपयोगकर्ता क्रियाओं के प्रति उत्तरदायी बनाते हैं। HTML मार्की टैग में मुख्य रूप से तीन प्रकार के इवेंट हैंडल का उपयोग किया जाता है, आइए नीचे प्रत्येक को विस्तार से समझें:

ऑनबाउंस इवेंट हैंडलर

`onbounce` इवेंट हैंडलर तब ट्रिगर होता है जब मार्की टेक्स्ट की स्क्रॉलिंग किसी अंत तक पहुँचती है। यह आपको हर बार जब टेक्स्ट अंतिम किनारे पर पहुँचता है तो कोड निष्पादित करने की अनुमति देता है। उदाहरण के लिए, टेक्स्ट का रंग हर बार जब वह अंतिम किनारे पर पहुँचता है तो बदल सकता है।

ऑनफिनिश

`onfinish` इवेंट हैंडलर का उपयोग तब किया जाता है जब मार्की टेक्स्ट स्क्रॉल करना समाप्त कर देता है। यह तब उपयोगी होता है जब आप स्क्रॉलिंग बंद होने पर कोई क्रिया करना चाहते हैं।

ऑनस्टार्ट

`onstart` इवेंट हैंडलर तब सक्रिय होता है जब मार्की टेक्स्ट स्क्रॉल करना शुरू करता है। आप इसका उपयोग हरकत शुरू होने पर ही क्रियाएँ शुरू करने के लिए कर सकते हैं, जैसे बटन छिपाना।

HTML उदाहरण में मार्की टैग

अब जब आप HTML मार्की टैग के सभी सैद्धांतिक भागों से परिचित हो गए हैं, तो आइए नीचे लिखे उदाहरण की मदद से इसके कार्यान्वयन और वाक्यविन्यास को समझें:

HTML मार्की टैग दाएं से बाएं स्क्रॉलिंग का उदाहरण

।मुख्य {

पाठ-संरेखण: केंद्र;

}

.मार्क् { .

पैडिंग-टॉपः 30px;

पैडिंग-बॉटमः 30px;

}

.PW1, .PW2 {

फ़ॉन्ट-आकार: 48px; /* फ़ॉन्ट आकार बढ़ाया गया */

फ़ॉन्ट-वज़न: बोल्ड;

रंग: पीला; /* बेहतर कंट्रास्ट के लिए रंग बदलकर पीला कर दिया गया */

पैडिंग-बॉटमः 10px;

}

direction=”left” loop=””>

पीडब्लू कौशल

फिजिक्स वाला टेक पोर्टल

आउटपुट

उदाहरण 2-

मार्की टेक्स्ट को बाएं से दाएं स्क्रॉल करने से परिचित होने के बाद, आइए कोड को बाएं से दाएं स्क्रॉल करने के लिए कोड को समझें।

नीचे से ऊपर स्क्रॉलिंग के साथ HTML मार्क टैग का उदाहरण
।मुख्य {

पाठ-संरेखण: केंद्र;

}

.मार्क् { .

पैडिंग-टॉपः 30px;

पैडिंग-बॉटमः 30px;

ऊंचाई: 200px;

ओवर फलो हिडेन;

}

.PW1, .PW2 {

फ़ॉन्ट-आकारः 48px;

फ़ॉन्ट-वज़न: बोल्ड;

रंग: पीला;

पैडिंग-बॉटमः 10px;

}

direction=”ऊपर”>

पीडब्लू कौशल

फिजिक्स वाला टेक पोर्टल

आउटपुट

PW कौशल के साथ वेब विकास सीखें

व्यापक कार्यक्रम में नामांकन करें पीडब्लू कौशल द्वारा पूर्ण स्टैक कोर्स फ्रंट-एंड और बैक-एंड दोनों प्रौद्योगिकियों में विशेषज्ञता के साथ एक कुशल डेवलपर बनना।

यह शुरुआती अनुकूल नौकरी सहायता कार्यक्रम आपको ठोस आधार हासिल करने में मदद करेगा फ़्रंट एंड HTML, CSS, और जैसी प्रौद्योगिकियाँ जावास्क्रिप्टके गहरे सार के साथ बैक-एंड विकास जैसे कि – डेटाबेससर्वर, और शहद की मक्खी. इस अनूठे पाठ्यक्रम की प्रमुख विशेषताओं में शामिल हैं – विशेषज्ञ सलाहकारों से शिक्षण, 20 से अधिक व्यावहारिक परियोजनाएं, कोडिंग के लिए कौशल प्रयोगशाला तक पहुंच, दैनिक अभ्यास पत्रक, नियमित संदेह सत्र, 100% नौकरी सहायता की गारंटी और बहुत कुछ।

मिलने जाना PWSkills.com आज ही जुड़ें और इस रोमांचक यात्रा पर अपनी सीट पक्की करें!

HTML मार्की टैग FAQ

क्या यह टैग अभी भी आधुनिक HTML में समर्थित है?

HTML5 के नवीनतम संस्करणों में अब इस टैग का उपयोग नहीं किया जाता है। हालाँकि यह अभी भी कुछ ब्राउज़रों में काम कर सकता है, लेकिन आधुनिक वेब डेवलपमेंट में इसका उपयोग करने की अनुशंसा नहीं की जाती है।
वैकल्पिक रूप से, आप सीएसएस एनिमेशन या जावास्क्रिप्ट फ्रेमवर्क का उपयोग कर सकते हैं।

मैं स्क्रॉलिंग टेक्स्ट की गति कैसे बदल सकता हूँ?

स्क्रॉलिंग टेक्स्ट की गति को “स्क्रॉलमाउंट” और “स्क्रॉलडिले” विशेषताओं का उपयोग करके नियंत्रित किया जा सकता है। स्क्रॉलमाउंट प्रति अंतराल में स्थानांतरित पिक्सेल की संख्या निर्धारित करता है, और स्क्रॉलडिले आंदोलनों के बीच अंतराल निर्धारित करता है।

क्या मैं टैग में स्क्रॉलिंग टेक्स्ट को रोक सकता हूँ?

हां, आप onmouseover=”this.stop();” इवेंट का उपयोग करके स्क्रॉलिंग टेक्स्ट पर माउस घुमाकर उसे रोक सकते हैं, तथा onmouseout=”this.start();” के साथ उसे फिर से शुरू कर सकते हैं।

you may be interested in this blog here:-

Advanced OOP Concepts in SAP ABAP A Comprehensive Guide

Salesforce Developer Salary in India An In-Depth Analysis

SAP MM Consultant resume 3 years experience

admin
admin
https://www.thefullstack.co.in

Leave a Reply