ওয়েব ডিজাইন HTML Part-8 (Image TAG) - প্রিয়লেখা

ওয়েব ডিজাইন HTML Part-8 (Image TAG)

Md. Sajal
Published: September 5, 2016

Image tag:

একটা ওয়েব পেজের গুরুত্বপূর্ণ উপাদান সমূহের একটি হচ্ছে ইমেজ । ওয়েবপেজে ইমেজের উপযুক্ত ব্যবহারের মাধ্যমে পেজটি ব্যবহারকারীদের কাছে আকর্ষণীয় হয়ে ওঠে ।ওয়েব পেজে ইমেজ বা ছবি যুক্ত করার জন্য ট্যাগটি হচ্ছে <img> । এর কোন শেষ ট্যাগ নেই। শুধুমাত্র <img> দিয়ে কোন কাজ হয় না, এর সাথে সবসময়ই src এট্রিবিউটটি ব্যবহার করতে হয়। যেমন <img src=”img.png”> , তাহলে img.png ইমেজটি প্রদর্শিত হবে।

Picture যে  খানে রাকবেন :-

Untitled

<img align=”left” src=”images/pic.png” alt=”logo” height=” 200″ width=”200″ />

এখানে src এবং alt হচ্ছে img ট্যাগের দুটি এট্রিবিউট। src দিয়ে ছবিটির অবস্থান দেখিয়ে দিতে হবে যেমন – এইখানে  src  এর  ভেতর images এইটা হল folder এর নাম  ছবি টা এই folder এর ভেতর আছে , আর  pic টা হল ছবি টার নাম  আর .png হল  ছবি টার formate |

তবে এইভাবে ও করা যাবে -তবে picture  Images folder এর বাইরে রাখতে হবে-

<img align=”left” src=”pic.png” alt=”logo” />

  alt এর মধ্যে ছবিটির কোন বর্ননা দিতে পারবেন। ছবি লোড হতে দেরি হলে বা ছবি টা আনতে ভুল হইলে  ততক্ষন alt এর ভিতর লেখাটি দেখায়।

এছাড়া আছে height এবং width নামে দুটি এট্রিবিউট। ছবির দৈর্ঘ্য এবং প্রস্থ নির্ধারন করে দিতে পারেন।  width=”100″ বা height=”200″ এভাবে দিলেই হবে।

যেকোন একটি দিলে একটা সুবিধা হচ্ছে ব্রাউজার অপরটি অটোমেটিক খাপ খাইয়ে নেয় ফলে ছবির আনুপাতিক আকার ঠিক থাকে। এত করে ছবিটি দেখতে সামন্জস্যপূর্ন হয়।

আরো এট্রিবিউট আছে যেমন align, valign এগুলি দিয়ে ছবির এলাইনমেন্ট ইচ্ছে মত দেয়া যায়

align এর মান হতে পারে right, center, left

আর valign এর মান হতে পারে top, bottom, center