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

HTML में मूल एलिमेंट के प्रदर्शित न होने पर वैकल्पिक टेक्स्ट कैसे शामिल करें?


इमेज के लिए वैकल्पिक टेक्स्ट जोड़ने के लिए alt  एट्रिब्यूट का उपयोग करें। यदि उपयोगकर्ता इसे देखने में विफल रहता है (लोडिंग समस्या), तो वही टेक्स्ट दिखाई देगा। इसके अलावा, यह एट्रिब्यूट स्क्रीन रीडर को उपयोगकर्ता को सामग्री पढ़ने में मदद करता है।

उदाहरण

आप HTML में alt एट्रिब्यूट को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html> <html>    <head>       <title>HTML alt attribute</title>    </head>    <body>       <p>Simple Image Insert</p>       <img src = “https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg” alt = "Tutorials Library" />    </body> </html>

  1. यूजर द्वारा HTML एलिमेंट पर माउस ले जाने पर टेक्स्ट कैसे प्रदर्शित करें यूजर द्वारा HTML एलिमेंट पर माउस ले जाने पर टेक्स्ट कैसे प्रदर्शित करें

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

  1. - HTML में एलिमेंट का कंटेंट कॉपी होने पर स्क्रिप्ट कैसे चलाएं?

    जब उपयोगकर्ता एलिमेंट का टेक्स्ट कॉपी करता है, तो oncopy एट्रिब्यूट HTML में ट्रिगर होता है। यह <input>, <textarea>, या किसी भी टेक्स्ट-कंटेनिंग एलिमेंट पर काम करता है। उदाहरण निम्न कोड से oncopy एट्रिब्यूट लागू करें: <!DOCTYPE html> <html> <body> <input typ

  1. - HTML में एलिमेंट का कंटेंट कट होने पर स्क्रिप्ट कैसे चलाएं?

    जब उपयोगकर्ता एलिमेंट का टेक्स्ट कट (काटता) करता है, तो oncut एट्रिब्यूट HTML में ट्रिगर होता है। उदाहरण निम्न कोड से oncut एट्रिब्यूट लागू करें: <!DOCTYPE html> <html> <body> <input type=text oncut=display() value=मुझे काटें> <h2 id=test>ऊपर के टेक्स्ट को