কম্পিউটার

কিভাবে HTML এ একটি ছবি প্রদর্শন করবেন?


একটি ছবি প্রদর্শন করতে HTML এ ট্যাগটি ব্যবহার করুন৷ নিম্নলিখিত বৈশিষ্ট্যগুলি হল −

অ্যাট্রিবিউট
মান
বিবরণ
সারিবদ্ধ করুন
শীর্ষ
নীচে
মধ্যম
বাম
অধিকার
অপ্রচলিত - চিত্রের জন্য প্রান্তিককরণ নির্দিষ্ট করে।
Alt
পাঠ্য
বিকল্প টেক্সট নির্দিষ্ট করে
সীমান্ত
পিক্সেল
অপ্রচলিত − ছবির সীমানার প্রস্থ নির্দিষ্ট করে৷
ক্রসরিজিন কিভাবে HTML এ একটি ছবি প্রদর্শন করবেন?
বেনামী ব্যবহার-প্রমাণপত্র
এটি তৃতীয় পক্ষের সাইটগুলির ছবিগুলিকে অনুমতি দেয় যা ক্রস-অরিজিন অ্যাক্সেসকে ক্যানভাসের সাথে পুনরায় ব্যবহার করার অনুমতি দেয়৷
উচ্চতা
পিক্সেল বা %
চিত্রের উচ্চতা নির্দিষ্ট করে৷
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>

  1. কিভাবে HTML পৃষ্ঠায় একটি চিত্র সন্নিবেশ করান?

  2. কিভাবে HTML এ একটি ছবিকে প্রতিক্রিয়াশীল করা যায়?

  3. কিভাবে HTML এ একটি লিঙ্ক হিসাবে একটি ছবি ব্যবহার করবেন?

  4. কিভাবে HTML পৃষ্ঠায় একটি অ্যানিমেটেড ছবি ব্যবহার করবেন?