மல்டிமீடியா மற்றும் உட்பொதித்தல் உள்ளடக்கம் இணையப் பக்கங்களின் காட்சி முறையீடு மற்றும் ஊடாடும் தன்மையை மேம்படுத்துவதில் முக்கிய பங்கு வகிக்கிறது. 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 Maps போன்ற சேவைகளில் இருந்து வரைபடங்களை உட்பொதிக்க, <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 பக்கங்களில் பல்வேறு வகையான மல்டிமீடியா மற்றும் வெளிப்புற உள்ளடக்கங்களை எவ்வாறு உட்பொதிப்பது என்பதை இந்த எடுத்துக்காட்டுகள் விளக்குகின்றன. சரியான காட்சி மற்றும் செயல்பாட்டை உறுதிசெய்ய தேவையான பண்புக்கூறுகள் மற்றும் பரிமாணங்களை சரிசெய்துகொள்ளவும்.