HTML-এ একটি শিরোনাম ছবি যোগ করার সাথে সম্পর্কিত প্রধান সমস্যা হল ছবিটি সঠিকভাবে ফরম্যাট করা এবং ওয়েবের জন্য অপ্টিমাইজ করা নিশ্চিত করা। এর মধ্যে রয়েছে যে ছবিটি সংকুচিত করা হয়েছে এবং একটি উপযুক্ত ফাইল ফরম্যাটে (যেমন JPEG বা PNG) সংরক্ষণ করা হয়েছে এবং এটি পৃষ্ঠার জন্য সঠিকভাবে মাপ করা হয়েছে। উপরন্তু, যদি আপনি একটি লিঙ্ক হিসাবে একটি ছবি ব্যবহার করেন, তাহলে আপনাকে অবশ্যই নিশ্চিত করতে হবে যে এটিতে একটি উপযুক্ত ALT ট্যাগ রয়েছে যাতে সার্চ ইঞ্জিনগুলি এটিকে সঠিকভাবে সূচী করতে পারে।
<img src="image.jpg" alt="title picture" title="title picture" />
1. কোডের এই লাইনটি একটি ওয়েবপেজে একটি ছবি সন্নিবেশ করতে ব্যবহৃত হয়।
2. "img" ট্যাগটি ইঙ্গিত করতে ব্যবহৃত হয় যে একটি চিত্র সন্নিবেশ করা উচিত।
3. "src" বৈশিষ্ট্যটি চিত্র ফাইলের অবস্থান নির্দিষ্ট করে, যা এই ক্ষেত্রে "image.jpg"।
4. "alt" বৈশিষ্ট্যটি ছবির জন্য একটি পাঠ্য বিকল্প প্রদান করে, যা এই ক্ষেত্রে "শিরোনাম ছবি"।
5. "শিরোনাম" বৈশিষ্ট্যটি চিত্র সম্পর্কে অতিরিক্ত তথ্য সরবরাহ করে, যা এই ক্ষেত্রে "শিরোনাম ছবি"ও।
একটি উপর শিরোনাম বৈশিষ্ট্য ![]()
ট্যাগ
একটি উপর শিরোনাম বৈশিষ্ট্য HTML-এ ট্যাগ চিত্র সম্পর্কে অতিরিক্ত তথ্য প্রদান করে, যেমন একটি বিবরণ বা ক্যাপশন। এই বৈশিষ্ট্যটি প্রদর্শিত হয় যখন একজন ব্যবহারকারী তাদের মাউস কার্সার দিয়ে ছবিটির উপর ঘোরায়। এটি স্ক্রিন রিডারদের দ্বারা দৃষ্টি প্রতিবন্ধী ব্যবহারকারীদের জন্য অতিরিক্ত প্রসঙ্গ প্রদান করতে ব্যবহার করা যেতে পারে।
আপনি কিভাবে HTML এ একটি শিরোনামে একটি ছবি যোগ করবেন
HTML এ একটি শিরোনামে একটি ছবি যোগ করতে, আপনি ব্যবহার করতে পারেন ট্যাগ দ্য
ট্যাগের জন্য দুটি বৈশিষ্ট্য প্রয়োজন: src এবং alt। src অ্যাট্রিবিউট ইমেজ ফাইলের অবস্থান নির্দিষ্ট করে, এবং alt অ্যাট্রিবিউট ইমেজের জন্য বিকল্প টেক্সট প্রদান করে যদি এটি প্রদর্শিত না হয়। উদাহরণ স্বরূপ:
আমার শিরোনাম