মাল্টিমিডিয়া এবং এম্বেডিং বিষয়বস্তু ওয়েব পৃষ্ঠাগুলির ভিজ্যুয়াল আবেদন এবং ইন্টারঅ্যাক্টিভিটি বাড়ানোর ক্ষেত্রে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। এখানে মাল্টিমিডিয়া এবং 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 পৃষ্ঠাগুলিতে বিভিন্ন ধরণের মাল্টিমিডিয়া এবং বাহ্যিক সামগ্রী কীভাবে এম্বেড করতে হয় তা ব্যাখ্যা করে৷ যথাযথ প্রদর্শন এবং কার্যকারিতা নিশ্চিত করার জন্য প্রয়োজনীয় বৈশিষ্ট্য এবং মাত্রা সামঞ্জস্য করতে ভুলবেন না।