ওয়েব ডিজাইন বাংলা ভিডিও টিউটোরিয়াল (from w3 School) এইসটিএমএল৫ পর্ব–১০

আসসালামু আলাইকুম। কেমন আছেন সবাই? আজ আমি আপনাদের সাথে আলোচনা করবো html5 এর image নিয়ে। এই টিউটোরিয়ালে আপনারা জানবেন কিভাবে একটি পেজে কতভাবে ইমেজ ব্যাবহার করা যায় এবং তাদের পেজ ডিরেকশান সম্পর্কে।

বরাবরের মতোই সরাসরি কোডের মাধ্যমে দেখি।

Html5 এ ইমেজ ব্যাবহারের জন্য tag হলো img । প্রথমে আমি আমার সাইটের মেইন ডিরেক্টরিতে image টিকে রেখেছি,

<img src=”image name.extension”>

যথারিতি স্টারটিং এংগেল ব্যাকেট দ্বারা img tag টি শুরু হবে। image এর জন্য img tag তারপর = সাইন image এর নাম এবং extension. মনে রাখবেন এই এখানে যদি আপনার মূল ফাইলটি যদি root Directory তে থাকে তবেই কোন ফাইল directory ছাড়া সড়াসরি image এর নাম এবং extension দিলেই হবে। তবে যদি আপনার image File  টি Root Directory তে না থাকে তবে প্রথবে ফাইলের নাম দিতে হবে তারপরে / এবং তারপরে image এর নাম এবং Extension দিতে হবে। যদি বুঝতে না পারেন তবে ভিডিও টি ভালোভাবে দেখে নিন।

Image tag এর সাথে alt tag ব্যাবহার করা হয় যাতে করে কোন কারনে যদি  image টি লোড নিতে না পারে সেক্ষেত্রে তার নাম দেখাবে।

সরাসরি আপনি চাইলে img tag কে CSS দিয়ে স্টাইল করতে পারেন। Inline CSS ও img tag এ কাজ করে থাকে। সেক্ষেত্রে আপনি ছোট ছোট style এর কাজগুলো inline style এর মাধ্যমেও করতে পারেন ।

Image এর ক্ষেত্রে আপনি তৃতিয় কোন সাইটে ছবি আপলোড করে তার লিংক ও এড করে দিতে পারেন।

নিচের ভিডিওটি দেখুন। CSS এর বিস্তারিত ব্যাবহার সহ img tag এর সবকিছু যা কিনা আপনি আর্টিকেলটি পড়ে বুঝতে পারেননি তা বিস্তারিত ব্যাখ্যা করা হয়েছে।

আজ এপর্যন্তই। সবাই ভালো থাকবেন। কোন প্রশ্ন থাকলে আমাকে কমেন্ট করে জানাবেন।

Add Comment

আমাদের নতুন ফেসবুক পেজে লাইক দিয়ে সাথে থাকুনলাইক ফেসবুক
+ +