‍HTML multimedia (a), (img), (video), (audio) Tag Details

‍HTML multimedia tag Details 

আজকের ওয়েবপৃষ্ঠাগুলো কেবল লেখা নিয়ে গঠিত হয় না, সেগুলোতে রয়েছে ছবি, ভিডিও, অডিও ইত্যাদি বিভিন্ন ধরনের মাল্টিমিডিয়া উপাদান। এই উপাদানগুলো আমাদের ওয়েবপৃষ্ঠাগুলোকে আরও আকর্ষণীয় এবং ইন্টারেক্টিভ করে তোলে। HTML এ, বিশেষ কিছু ট্যাগ রয়েছে যা আমরা এই মাল্টিমিডিয়া উপাদানগুলোকে আমাদের পৃষ্ঠায় যুক্ত করতে পারি। আজ আমরা এই পোস্টে সেই ট্যাগগুলি সম্পর্কেই জানবো: `a` (হাইপারলিংক), `video`, `audio`, এবং `img`.

1. <a> ট্যাগ (হাইপারলিংক)

`a` ট্যাগটি অন্য একটি ওয়েব পৃষ্ঠা, একটি ফাইল, অথবা একই পৃষ্ঠার মধ্যে কোনো অংশের লিঙ্ক তৈরি করতে ব্যবহৃত হয়।

উদাহরণ:

<a href="https://www.example.com">

click here

</a>

2. <video> ট্যাগ

video ট্যাগটি আমাদের ওয়েবপৃষ্ঠায় ভিডিও প্রদর্শন করতে দেয়।

উদাহরণ:

<video src="movie.mp4" width="320" height="240" controls>

 

- এই উদাহরণে, "movie.mp4" হলো ভিডিও ফাইলটির নাম।

- `controls` এট্রিবিউটটি ভিডিও প্লেয়ারে প্লে, পজ, ভলিউম ইত্যাদি নিয়ন্ত্রণ বোতাম দেখায়।

3. <audio> ট্যাগ

`audio` ট্যাগটি আমাদের ওয়েবপৃষ্ঠায় গান, বক্তৃতা ইত্যাদি অডিও ফাইল বजाতে দেয়।

উদাহরণ:

<audio src="audio.mp3" controls>

- এই উদাহরণে, "audio.mp3" হলো অডিও ফাইলটির নাম।

- `controls` এট্রিবিউটটি অডিও প্লেয়ারে নিয়ন্ত্রণ বোতাম যেমন প্লে, পজ, ভলিউম ইত্যাদি দেখায়।

4. <img> ট্যাগ

`img` ট্যাগটি আমাদের ওয়েবপৃষ্ঠায় ছবি প্রদর্শন করতে দেয়।

উদাহরণ:

<img src="image.jpg" width="100px" height="80px" alt="ছবির বর্ণনা" title="">

- এই উদাহরণে, "image.jpg" হলো ছবি ফাইলটির নাম।

- `alt` এট্রিবিউটটি ছবির একটি বিকল্প বর্ণনা প্রদান করে। এটি অ্যাক্সেসিবিলিটির জন্য গুরুত্বপূর্ণ, কারণ স্ক্রিন রিডারগুলি এটি ব্যবহার করে দৃষ্টিপ্রতিবন্ধ ব্যবহারকারীদেরকে ছবি সম্পর্কে জানায়।

-title এট্রিবিউটটি হলো ছবির উপর পয়েন্টার নিয়ে গেলে ছবি সংক্রান্ত তথ্য দেখানো হয়।