मल्टीमीडिया आणि एम्बेडिंग सामग्री वेब पृष्ठांची व्हिज्युअल अपील आणि संवादात्मकता वाढविण्यात महत्त्वपूर्ण भूमिका बजावते. 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> टॅग वापरा आणि वेब ऍप्लिकेशनची URL प्रदान करा.
येथे एक उदाहरण आहे:
<iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe>
ही उदाहरणे तुमच्या HTML पृष्ठांमध्ये विविध प्रकारचे मल्टीमीडिया आणि बाह्य सामग्री कशी एम्बेड करायची हे स्पष्ट करतात. योग्य प्रदर्शन आणि कार्यक्षमता सुनिश्चित करण्यासाठी आवश्यकतेनुसार विशेषता आणि परिमाण समायोजित केल्याची खात्री करा.