जावास्क्रिप्ट के बिना होवर टेक्स्ट जोड़ें जैसे हम उपयोगकर्ता के नाम पर होवर करते हैं

यह आलेख जावास्क्रिप्ट का उपयोग किए बिना HTML में होवर टेक्स्ट जोड़ने के लिए दो उपयोगी विधियों का प्रदर्शन करेगा:

• 'Div' तत्व के माध्यम से
• 'अवधि' तत्व के माध्यम से

विधि 1: 'Div' तत्व के माध्यम से हॉवर टेक्स्ट जोड़ें

एक होवर पाठ को केवल 'का उपयोग करके जोड़ा जा सकता है' <दिव> 'तत्व' के साथ शीर्षक 'उद्घाटन में विशेषता' <टैग> ”। डेवलपर को 'शीर्षक' विशेषता में होवर पाठ जोड़ने की आवश्यकता है ' <दिव> 'ओपनिंग टैग और HTML एलिमेंट को ओपनिंग और क्लोजिंग के बीच जोड़ा जाता है' <दिव> ” टैग। अंदर पाठ ' <दिव> 'कंटेनर तत्व किसी भी प्रकार का हो सकता है। उदाहरण के लिए, एक ' <एच2> 'शीर्षक,'

”पैराग्राफ तत्व, या एक साधारण सादा पाठ।

उदाहरण

आइए 'जोड़ने के लिए एक सरल उदाहरण लिखें' <दिव> ”तत्व एक HTML तत्व पर होवर पाठ जोड़ने के लिए:

उपरोक्त कोड के अनुसार:

• ए ' <दिव> 'तत्व' के साथ जोड़ा गया है शीर्षक 'उद्घाटन में विशेषता' <दिव> ' उपनाम।
• ' शीर्षक ” विशेषता में वह पाठ होता है जिसे प्रदर्शित किया जाना चाहिए, जबकि उपयोगकर्ता पाठ पर माउस कर्सर घुमाता है।
• उद्घाटन और समापन के बीच ' <दिव> ” टैग वह टेक्स्ट है जो इंटरफ़ेस पर होवर करते हुए प्रदर्शित किया जाएगा, जिस पर होवर टेक्स्ट प्रदर्शित होगा।

ऊपर जोड़ा गया उदाहरण निम्न आउटपुट प्रदर्शित करेगा:

विधि 2: 'स्पैन' तत्व के माध्यम से हॉवर टेक्स्ट जोड़ें

' का उपयोग करके एक होवर टेक्स्ट भी जोड़ा जा सकता है। <विस्तार> HTML में तत्व। इसके लिए केवल शीर्षक विशेषता में होवर टेक्स्ट और वास्तविक HTML तत्व को जोड़ना है, जिसके लिए होवर टेक्स्ट को ओपनिंग और क्लोजिंग के बीच जोड़ा जाता है। <विस्तार> ” टैग।

उदाहरण

आइए 'डालने के लिए एक सरल उदाहरण जोड़ें' <विस्तार> HTML तत्व पर होवर टेक्स्ट जोड़ने के उद्देश्य से HTML दस्तावेज़ में तत्व:

उपरोक्त उदाहरण में:

• ए ' <विस्तार> 'तत्व' के साथ जोड़ा गया है शीर्षक 'उद्घाटन के अंदर विशेषता' <विस्तार> ' उपनाम।
• ' शीर्षक ” विशेषता में वह पाठ होता है जिसे उपयोगकर्ता के ऊपर होवर करने पर प्रदर्शित किया जाना चाहिए।
• उद्घाटन और समापन के बीच ' <विस्तार> ” टैग वह पाठ है जो उपयोगकर्ता को मँडराते हुए प्रदर्शित किया जाएगा जो होवर पाठ प्रदर्शित करेगा।

उत्पादन

यह जावास्क्रिप्ट का उपयोग किए बिना होवर टेक्स्ट जोड़ने के संभावित तरीकों का सारांश देता है।

निष्कर्ष

जावास्क्रिप्ट कार्यों के उपयोग की आवश्यकता के बिना HTML में एक हॉवर टेक्स्ट आसानी से जोड़ा जा सकता है। डेवलपर को या तो 'का उपयोग करने की आवश्यकता है' <दिव> 'तत्व या' <विस्तार> ” तत्व जो HTML तत्व बनाता है और फिर होवर टेक्स्ट को परिभाषित करने वाली शीर्षक विशेषता जोड़ता है। यह पोस्ट जावास्क्रिप्ट की आवश्यकता के बिना होवर टेक्स्ट जोड़ने की विधि के बारे में एक अच्छी मार्गदर्शिका है।