HTML-এ ছবি প্রদর্শন করতে <img> ট্যাগটি ব্যবহার করুন। নিচে এর অ্যাট্রিবিউটগুলো দেওয়া হলো:
| অ্যাট্রিবিউট | মান | বিবরণ |
|---|---|---|
| Align | top, bottom, middle, left, right | ডিপ্রিকেটেড - ছবির অ্যালাইনমেন্ট নির্দিষ্ট করে। |
| Alt | text | বিকল্প টেক্সট নির্দিষ্ট করে (অ্যাক্সেসিবিলিটির জন্য অত্যন্ত গুরুত্বপূর্ণ)। |
| Border | pixels | ডিপ্রিকেটেড - ছবির বর্ডারের প্রস্থ নির্দিষ্ট করে। |
| crossorigin | anonymous, use-credentials | ক্রস-অরিজিন অ্যাক্সেস অনুমতি দেয়া 써드-পার্টি সাইটের ছবি ক্যানভাসে পুনরায় ব্যবহার করার অনুমতি দেয়। |
| Height | pixels or % | ছবির উচ্চতা নির্দিষ্ট করে। |
| hspace | pixels | ডিপ্রিকেটেড - অবজেক্টের বাম ও ডানে সাদা স্পেস যোগ করে। |
| Ismap | URL | ছবিকে সার্ভার-সাইড ইমেজ ম্যাপ হিসেবে সংজ্ঞায়িত করে। |
| Longdesc | text | ডিপ্রিকেটেড - লং ডেসক্রিপশনের URI/URL নির্দিষ্ট করে (alt অ্যাট্রিবিউটের ছোট ডেসক্রিপশনের thêm)। |
| Src | URL | ছবির URL (অবশ্যক)। |
| Usemap | #mapname | ছবিকে ক্লায়েন্ট-সাইড ইমেজ ম্যাপ হিসেবে সংজ্ঞায়িত করে এবং <map> ও <area> ট্যাগের সাথে ব্যবহার করা হয়। |
| Vspace | pixels | ডিপ্রিকেটেড - অবজেক্টের উপরে ও নিচে সাদা স্পেস যোগ করে। |
| Width | pixels or % | ছবির প্রস্থ পিক্সেল বা %-এ সেট করে। |
উদাহরণ
নিচের কোডটি চালিয়ে ওয়েব ডকুমেন্টে ছবি যোগ করুন:
<!DOCTYPE html> <html> <head> <title>HTML img Tag</title> </head> <body> <img src = "https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg" alt = "Learn HTML5" height = "250" width = "270" /> </body> </html>
