রিমোট সোর্স থেকে ইমেজ যোগ করা এইচটিএমএল সম্পর্কিত প্রধান সমস্যা হল যে এটি পৃষ্ঠা লোড করার সময় ধীর হতে পারে। এর কারণ হল ব্রাউজারকে অবশ্যই প্রতিটি ছবির জন্য একটি আলাদা অনুরোধ করতে হবে, যা পৃষ্ঠায় একাধিক ছবি থাকলে দ্রুত যোগ করতে পারে। অতিরিক্তভাবে, যদি দূরবর্তী উত্সটি বন্ধ থাকে বা একটি ধীর সংযোগ থাকে, তাহলে এটি পৃষ্ঠা লোড হওয়ার সময়কে আরও বিলম্বিত করতে পারে৷ পরিশেষে, বাহ্যিক উৎস থেকে ছবি তোলার কারণে নিরাপত্তার দুর্বলতার ঝুঁকিও রয়েছে।
<img src="https://example.com/image.jpg" alt="Example Image">
1. কোডের এই লাইনটি হল একটি HTML ইমেজ ট্যাগ, যা একটি ওয়েবপেজে একটি ছবি প্রদর্শন করতে ব্যবহৃত হয়।
2. "src" অ্যাট্রিবিউটটি প্রদর্শন করা ছবির URL নির্দিষ্ট করে, এই ক্ষেত্রে এটি "https://example.com/image.jpg"।
3. "alt" বৈশিষ্ট্যটি চিত্রের জন্য বিকল্প পাঠ্য সরবরাহ করে, এই ক্ষেত্রে এটি "উদাহরণ চিত্র"।
img src বৈশিষ্ট্য
HTML-এ img src অ্যাট্রিবিউট ব্যবহার করা হয় ছবির উৎস নির্দিষ্ট করতে। এটি মধ্যে ব্যবহৃত হয় একটি ছবির উৎস নির্ধারণ করতে ট্যাগ করুন। এই বৈশিষ্ট্যের মান একটি ইমেজ ফাইল নির্দেশ করে একটি বৈধ URL হওয়া উচিত। এই বৈশিষ্ট্যটি একটি ওয়েব পৃষ্ঠার সমস্ত চিত্রের জন্য প্রয়োজনীয়, এবং এটি ব্রাউজারকে চিত্রটি সনাক্ত করতে এবং প্রদর্শন করতে দেয়৷
আমি কিভাবে HTML এ একটি বাহ্যিক ছবি যোগ করব?
HTML এ একটি বাহ্যিক চিত্র যোগ করা বেশ সহজ। আপনাকে যা করতে হবে তা হল ব্যবহার করুন ট্যাগ করুন এবং src বৈশিষ্ট্য ব্যবহার করে ছবির উত্স নির্দিষ্ট করুন। এইচটিএমএল-এ একটি বাহ্যিক চিত্র যোগ করার জন্য সিনট্যাক্স এই মত দেখায়:
যেখানে "image_url" হল ইমেজ ফাইলের একটি লিঙ্ক, এবং "বিকল্প পাঠ্য" হল ছবিতে যা আছে তার একটি বর্ণনা (অভিগম্যতার উদ্দেশ্যে)।
উদাহরণস্বরূপ, আপনি যদি my-image.jpg নামে আপনার ওয়েবসাইট থেকে একটি বাহ্যিক চিত্র যোগ করতে চান, তাহলে আপনার কোডটি দেখতে এইরকম হবে:
