HTML এ চিত্র যোগ করার নিয়মঃ

Image in HTML

ওয়েব পেইজে ছবি যোগ করা একটি গুরুত্বপূর্ণ বিষয়। এর সাহায্যে ওয়েব পেইজে ব্যানারসহ অন্যান্য ছবি যোগ করা যায়।

ওয়েবসাইটে ছবি যোগ করার জন্য <img> ট্যাগ ব্যবহার করা হয়। ছবির উৎস দেয়ার জন্য <img> ট্যাগের সাথে src এট্রিবিউট যোগ করতে হয়। ওয়েব পেইজে ছবি যোগ করার সিনটেক্স হলোঃ

<img src="url" />

এখানে url হলো যে ছবিটি ওয়েব পেইজে যোগ করতে চাই সেই ছবির লোকেশন।
যেমনঃ

<img src="image/main.jpg" />

পেইজটির image ফোল্ডারের ভিতর main নামক ছবিটি রয়েছে।

image এর অ্যাট্রিবিউট সমূহঃ

<img src="image/main.jpg" align="   " width="   " height="   " alt="   " title="   ">

align অ্যাট্রিবিউটঃ

ওয়েব পেইজের ছবিটি top, bottom, left, right, center ইত্যাদি alignment নির্ধারনের জন্য <img> ট্যাগের সাথে align অ্যাট্রিবিউট ব্যবহার করা হয়।

width এবং height অ্যাট্রিবিউটঃ

ওয়েব পেইজে ইমেজের উচ্চতা ও প্রস্থ কত পিক্সেলের হবে তা width এবং height অ্যাট্রিবিউট দ্বারা প্রকাশ করা হয়।

alt অ্যাট্রিবিউটঃ

ওয়েব পেইজে যোগ করা ইমেজ যদি কোন কারনে দেখা না যায় তাহলে ইমেজের পরিবর্তে টেক্সট বা লেখা দেখানোর জন্য alt অ্যাট্রিবিউট ব্যবহার করা হয়।

title অ্যাট্রিবিউটঃ

ওয়েব পেইজে যোগ করা ইমেজের উপর মাউস পয়েন্টার নিলে ইমেজের নাম প্রদর্শন করে এর জন্য title অ্যাট্রিবিউট ব্যবহার করা হয়।

বিঃ দ্রঃ ভালো লাগলে অবশ্যই শেয়ার করতে হবে।