HTML <img> src প্রতিভূতি

এইমেকাপ <img> ট্যাগ

বিবরণ ও ব্যবহার

অপরিহার্য src প্রতিভূতিতে ছবির URL নির্দিষ্ট করার জন্য।

দুইটি পদ্ধতি রয়েছে src প্রতিভূতিতে URL নির্দিষ্ট করুন:

1. সম্পূর্ণ URL - অন্য সাইটে সংরক্ষিত বাইরের ছবিতে লিঙ্ক করুন। উদাহরণস্বরূপ:

src="https://www.codew3c.com/images/img_girl.jpg"

অত্যধিক দৃষ্টি দিন:বাইরের ছবি অধিকার সুরক্ষিত হতে পারে। যদি আপনি তার ব্যবহারের অনুমতি না পান, তবে অধিকার আইন লঙ্ঘন করতে পারেন। এছাড়া, আপনি বাইরের ছবির উপর নিয়ন্ত্রণ করতে পারেন না; তা একদিন বাদ দিতে পারে বা পরিবর্তন করতে পারে。

2. সম্পূর্ণ URL - অভ্যন্তরীণ সাইটে সংরক্ষিত ছবিতে লিঙ্ক করুন。

এখানে, URL-এর ডোমেইন বাদ দেওয়া হয়। যদি URL-এর শুরুতে স্ল্যাশ না থাকে, তবে তা বর্তমান পেজের সাথে সংযুক্ত হবে। উদাহরণস্বরূপ:

src="img_girl.jpg"。

যদি URL স্ল্যাশের সাথে শুরু করে, তবে তা ডোমেইনের সাথে সংযুক্ত হবে। উদাহরণস্বরূপ:

src="/images/img_girl.jpg"。

সুঝান:সর্বদা আপনারা আপনার অপেক্ষা করা উচিত। যদি আপনি ডোমেইন পরিবর্তন করেন, তবে কোনও ভাঙা লিঙ্ক হবে না。

অত্যধিক দৃষ্টি দিন:যদি ব্রাউজার ছবিটি পাওয়া না পায়, তবে ভাঙা লিঙ্ক আইকন এবং alt টেক্সট দেখানো হবে。

সুঝান:ডকুমেন্টের সংরক্ষণকে সাজানোর জন্য, তৈরীকারকরা সাধারণত ছবি ফাইলগুলিকে একটি পৃথক ফোল্ডারে সংরক্ষণ করেন এবং এই ডিরেক্টরিগুলিকে "pics" বা "images"-এর মতো নাম দেয়। কোডউ৩এসডব্লিউকম অনলাইন টিউটোরিয়ালে, আমাদের ইঞ্জিনিয়াররা অধিকাংশ সাধারণ ছবিগুলিকে "i" নামক ফোল্ডারে সংরক্ষণ করেন, "i" হল "images"-এর সংক্ষেপ, এই পদ্ধতির সুবিধা হল পথটির সর্বোচ্চ সরলীকরণ।

উদাহরণ

নিচের উদাহরণে, আমরা পেজে একটি কোডউ৩এসডব্লিউকম ইঞ্জিনিয়ারের দ্বারা শাংহাই ফ্লোরাল পোর্টে ছড়িয়েছেন টিউলিপ ছবি প্রবেশ করানো হয়, যার ফাইলের নাম "eg_tulip.jpg" এবং সার্ভারের "i" ফোল্ডারে সংরক্ষিত হয়। এটি সোর্স কোড:

<img src="/i/eg_tulip.jpg" />

উপরোক্ত কোডের প্রভাব:


স্বয়ং চেষ্টা করুন

সুঝান:আপনি আমাদের অনলাইন পরীক্ষা টুলেস্বয়ং চেষ্টা করুন،যদি আপনি উদাহরণগুলিতে ফাইলের নাম "eg_chinarose.jpg" হিসাবে পরিবর্তন করেন, তবে একটি মালভী চিত্র দেখতে পাবেন।এমনকি এমনই:

সূত্রকোড:

<img src="/i/eg_chinarose.jpg" />

উপরোক্ত কোডের প্রভাব:

বিন্যাস

<img src="URL">

বৈশিষ্ট্য মান

মান বর্ণনা
URL

চিত্রের URL নির্দিষ্ট করুন。

সম্ভাব্য মান:

  • সম্পূর্ণ URL - অন্য ওয়েবসাইটের ইঙ্গিত (যেমন src="http://www.example.com/image.gif")
  • সম্পর্কিত URL - ওয়েবসাইটের ভিতরের ফাইলে ইঙ্গিত (যেমন src="image.gif"))

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

এইমেকাপ <img> ট্যাগ