একটি ছবি প্রদর্শন করতে HTML এ ট্যাগটি ব্যবহার করুন৷ নিম্নলিখিত বৈশিষ্ট্যগুলি হল −
| অ্যাট্রিবিউট | মান | বিবরণ |
|---|---|---|
| সারিবদ্ধ করুন | শীর্ষ নীচে মধ্যম বাম অধিকার | অপ্রচলিত - চিত্রের জন্য প্রান্তিককরণ নির্দিষ্ট করে। |
| Alt | পাঠ্য | বিকল্প টেক্সট নির্দিষ্ট করে |
| সীমান্ত | পিক্সেল | অপ্রচলিত − ছবির সীমানার প্রস্থ নির্দিষ্ট করে৷ |
ক্রসরিজিন | বেনামী ব্যবহার-প্রমাণপত্র | এটি তৃতীয় পক্ষের সাইটগুলির ছবিগুলিকে অনুমতি দেয় যা ক্রস-অরিজিন অ্যাক্সেসকে ক্যানভাসের সাথে পুনরায় ব্যবহার করার অনুমতি দেয়৷ |
| উচ্চতা | পিক্সেল বা % | চিত্রের উচ্চতা নির্দিষ্ট করে৷ |
| hspace | পিক্সেল | অপ্রচলিত − বস্তুর বাম এবং ডানে ঢোকানোর জন্য সাদা স্থানের পরিমাণ। |
| Ismap | URL | ছবিটিকে সার্ভার-সাইড চিত্র মানচিত্র হিসাবে সংজ্ঞায়িত করে৷ |
| লংডেস্ক | পাঠ্য | অপ্রচলিত − একটি দীর্ঘ বর্ণনার একটি URI/URL নির্দিষ্ট করে - এটি alt অ্যাট্রিবিউটের সাথে নির্দিষ্ট করা একটি সংক্ষিপ্ত বিবরণকে বিস্তৃত করতে পারে। |
| Src | URL | একটি ছবির ইউআরএল৷ |
| ইউজম্যাপ | #mapname | ছবিটিকে একটি ক্লায়েন্ট-সাইড চিত্র মানচিত্র হিসাবে সংজ্ঞায়িত করে এবং |
| Vspace | পিক্সেল | অপ্রচলিত৷ - বস্তুর উপরে এবং নীচে ঢোকানোর জন্য সাদা স্থানের পরিমাণ। |
| প্রস্থ | পিক্সেল বা % | একটি ছবির প্রস্থ পিক্সেল বা % এ সেট করে। |
উদাহরণ
আপনি একটি ওয়েব নথিতে একটি ছবি যোগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন −
<!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>