मल्टीमीडिया और एम्बेडिंग सामग्री वेब पेजों की दृश्य अपील और अन्तरक्रियाशीलता को बढ़ाने में महत्वपूर्ण भूमिका निभाती है। मल्टीमीडिया का उपयोग करने और HTML में सामग्री एम्बेड करने के तरीके के बारे में कुछ और विवरण और विशिष्ट उदाहरण यहां दिए गए हैं।
इमेजिस
किसी वेब पेज पर छवियाँ प्रदर्शित करने के लिए <img>
टैग का उपयोग करें। विशेषता का उपयोग करके छवि स्रोत निर्दिष्ट करें, और पहुंच के लिए विशेषता का src
उपयोग करके वैकल्पिक पाठ प्रदान करें । alt
यहाँ एक उदाहरण है:
<img src="image.jpg" alt="A beautiful sunset">
ऑडियो
ऑडियो फ़ाइलें एम्बेड करने के लिए, <audio>
टैग का उपयोग करें। विशेषता का उपयोग करके ऑडियो स्रोत निर्दिष्ट करें, और आप विशेषता का src
उपयोग करके प्लेबैक के लिए नियंत्रण जोड़ सकते हैं । controls
यहाँ एक उदाहरण है:
<audio src="audio.mp3" controls></audio>
वीडियो
वीडियो एम्बेड करने के लिए, <video>
टैग का उपयोग करें। विशेषता का उपयोग करके वीडियो स्रोत सेट करें src
, और controls
वीडियो प्लेबैक नियंत्रण के लिए विशेषता शामिल करें।
यहाँ एक उदाहरण है:
<video src="video.mp4" controls></video>
एमएपीएस
Google मानचित्र जैसी सेवाओं से मानचित्र एम्बेड करने के लिए, <iframe>
टैग का उपयोग करें और सेवा द्वारा प्रदान किए गए मानचित्र का एम्बेड कोड डालें।
यहाँ एक उदाहरण है:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024..." width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
वेब अनुप्रयोग
वेब एप्लिकेशन या बाहरी वेबसाइटों को एम्बेड करने के लिए, फिर से <iframe>
टैग का उपयोग करें और वेब एप्लिकेशन का यूआरएल प्रदान करें।
यहाँ एक उदाहरण है:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
ये उदाहरण बताते हैं कि विभिन्न प्रकार की मल्टीमीडिया और बाहरी सामग्री को अपने HTML पृष्ठों में कैसे एम्बेड किया जाए। उचित प्रदर्शन और कार्यक्षमता सुनिश्चित करने के लिए आवश्यकतानुसार विशेषताओं और आयामों को समायोजित करना सुनिश्चित करें।