একটি ওয়েবসাইট HTML এর জন্য একটি লোগো পাওয়ার সাথে সম্পর্কিত প্রধান সমস্যা হল যে লোগোটির জন্য সঠিক আকার এবং বিন্যাস খুঁজে পাওয়া কঠিন হতে পারে। ওয়েবসাইটের আকারের উপর নির্ভর করে, আপনার লোগোটি সঠিকভাবে ফিট করার জন্য আপনাকে এটির আকার পরিবর্তন করতে বা পুনরায় ফর্ম্যাট করতে হতে পারে। উপরন্তু, আপনি যদি ওয়ার্ডপ্রেসের মতো একটি CMS ব্যবহার করেন, তাহলে আপনাকে একটি প্লাগইন বা কোড স্নিপেট খুঁজে বের করতে হতে পারে যা আপনাকে সঠিকভাবে আপনার লোগো যোগ করতে দেবে। অবশেষে, ওয়েবসাইটের ধরনের উপর নির্ভর করে, অন্যান্য কোম্পানি বা সংস্থার লোগো ব্যবহার করার সময় কিছু আইনি বিবেচনা থাকতে পারে।
<img src="logo.png" alt="Website Logo" />
1. কোডের এই লাইনটি একটি ওয়েব পেজে একটি ছবি সন্নিবেশ করতে ব্যবহৃত হয়।
2. ছবির উৎস হল “logo.png” যার অর্থ হল ফাইলটি এই কোড ধারণকারী HTML ডকুমেন্টের একই ডিরেক্টরিতে অবস্থিত হওয়া আবশ্যক।
3. Alt অ্যাট্রিবিউট ইমেজের জন্য বিকল্প টেক্সট প্রদান করে, যা হল "ওয়েবসাইট লোগো"। এই পাঠ্যটি প্রদর্শিত হবে যদি চিত্রটি লোড করা না যায় বা যদি কোনো ব্যবহারকারী পৃষ্ঠাটি অ্যাক্সেস করার জন্য একটি স্ক্রিন রিডার ব্যবহার করে।
img src= ট্যাগ
HTML-এ img src= ট্যাগ একটি ওয়েব পেজে একটি ছবি যোগ করতে ব্যবহৃত হয়। এটি একটি ইনলাইন উপাদান যার জন্য শুরু এবং শেষ ট্যাগ উভয়ই প্রয়োজন। src অ্যাট্রিবিউট ইমেজ ফাইলের অবস্থান নির্দিষ্ট করে, যা হয় আপেক্ষিক বা পরম URL হতে পারে। Alt অ্যাট্রিবিউট ইমেজের জন্য বিকল্প টেক্সট প্রদান করে, যা ইমেজ লোড করা না গেলে বা স্ক্রিন রিডার ব্যবহার করার সময় প্রদর্শিত হয়।
আমি কিভাবে HTML এ আমার ওয়েবসাইটের জন্য একটি লোগো তৈরি করব
HTML এ আপনার ওয়েবসাইটের জন্য একটি লোগো তৈরি করা একটি অপেক্ষাকৃত সহজ প্রক্রিয়া। প্রথমত, আপনাকে আপনার লোগোটির একটি ইমেজ ফাইল তৈরি করতে হবে। এটি ফটোশপ বা জিআইএমপি-এর মতো যেকোনো ইমেজ এডিটিং সফটওয়্যারে করা যেতে পারে। একবার আপনার কাছে চিত্র ফাইলটি হয়ে গেলে, আপনি এটি আপনার ওয়েব সার্ভারে আপলোড করতে পারেন এবং তারপরে HTML ব্যবহার করতে পারেন আপনার ওয়েবসাইটে এটি প্রদর্শন করতে ট্যাগ করুন।
সার্জারির ট্যাগের জন্য দুটি বৈশিষ্ট্য প্রয়োজন: src এবং alt। src অ্যাট্রিবিউট আপনার ওয়েব সার্ভারে ইমেজ ফাইলের অবস্থান নির্দিষ্ট করে, যখন alt অ্যাট্রিবিউট ব্যবহারকারীদের জন্য বিকল্প পাঠ্য প্রদান করে যারা ছবি দেখতে পারে না বা তাদের ব্রাউজার সেটিংসে ছবি অক্ষম করা আছে। এখানে কিভাবে ব্যবহার করবেন তার একটি উদাহরণ
ট্যাগ:
একবার আপনি আপনার ওয়েবপেজে এই কোডটি যোগ করলে, দর্শকরা আপনার সাইটে গেলে আপনার লোগো দেখতে পাবে!
