একটি ছবি প্রদর্শন করতে 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>