কম্পিউটার টিউটোরিয়াল

HTML-এ অন্য ডোমেন থেকে img ট্যাগের src কীভাবে সেট করবেন?


ওয়েবপেজে ছবি ব্যবহার করতে, <img> ট্যাগ ব্যবহার করুন। ট্যাগটি আপনাকে ইমেজ সোর্স, alt, width, height ইত্যাদি যোগ করতে দেয়। src হলো ইমেজ URL যোগ করার জন্য। alt হলো অল্টারনেট টেক্সট অ্যাট্রিবিউট, যা ছবি লোড না হলে দেখায়। HTML-এ, ইমেজ সোর্স হিসেবে অন্য ডোমেনের URL যোগ করুন। তার জন্য, src অ্যাট্রিবিউটকে অন্য ডোমেনের লিংক হিসেবে সেট করুন।

অ্যাট্রিবিউটগুলো নিচে দেওয়া হলো -

Sr.No.Attribute & Description
1alt
ছবির অল্টারনেট টেক্সট
2height
ছবির হাইট
3ismap
সার্ভার-সাইড ইমেজ-ম্যাপ হিসেবে ছবি
4longdesc
ছবির বিস্তারিত বর্ণনার URL
5src

ছবির URL
6usemap
ক্লায়েন্ট-সাইড ইমেজ-ম্যাপ হিসেবে ছবি
7width
ছবির উইডথ

মনে রাখবেন <img> ট্যাগের কোনো এন্ড ট্যাগ নেই।

HTML-এ অন্য ডোমেন থেকে img ট্যাগের src কীভাবে সেট করবেন?

উদাহরণ

অন্য ডোমেন থেকে HTML-এ img ট্যাগের src সেট করার জন্য নিচের কোডটি রান করার চেষ্টা করুন -

<!DOCTYPE html> <html> 
  <head></head> 
  <body> 
    <h2>Qries</h2> 
    <img src="https://www.qries.com/images/banner_logo.png" alt="Qries" width="200" height="90"> 
  </body> 
</html>
  1. HTML-এ <title> ট্যাগ ব্যবহার করে ডকুমেন্টের শিরোনাম সংজ্ঞায়িত করার পদ্ধতি

  2. JavaScript/CSS-এ এক Div-এর সাপেক্ষে অন্য Div পজিশন করা (Flexbox)

  3. জাভাস্ক্রিপ্টে <strong> ট্যাগে টেক্সট সেট করা

  4. HTML-এ <datalist> ট্যাগ কীভাবে ব্যবহার করবেন?