Maintance

এইচটিএমএল পর্ব ৬: ছবি যুক্ত করা

প্রকাশঃ ১২:৫৬ অপরাহ্ন, ফেব্রুয়ারি ৮, ২০১৮ - সর্বশেষ সম্পাদনাঃ ১২:৫৬ অপরাহ্ন, ফেব্রুয়ারি ৮, ২০১৮

টেক শহর কন্টেন্ট কাউন্সিলর : একটি ওয়েবসাইটকে সুন্দর করে তুলতে ছবির প্রয়োজন। কিভাবে ওয়েবসাইটে ছবি যুক্ত করতে হয় তা আজকের টিউটোরিয়লে তুলে ধরা হবে।

এর আগের পর্বে সাইটের হেডলাইন বা শিরোনাম সম্পর্কে তুলে ধরা হয়েছিল।

ওয়েব পেইজে এইচটিএমএলের মাধ‍্যমে ছবি যুক্ত করে <img /> ট্যাগ ব্যবহার করা হয়ে থাকে।

যদি <img src=”https://goo.gl/cTWHUw” alt=”techshohor logo”/> কোডটুকু লেখা হয় তাহলে নিচের ছবিটর মত ওয়েবসাইট প্রদর্শিত হবে।

 এখানে src এবং alt হচ্ছে img ট্যাগের দুটি এট্রিবিউট। ছবিটি কোথায় আছে তা দেখানো হয়েছে ‘src’ এর মাধ‍্যমে। যদি ছবিটি অনলাইনে থাকে তাহলে অনলাইনের লিংকটি এই এট্রিবিউটের মধ‍্যে দিয়ে দিতে হবে।

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

ছবির দৈর্ঘ‍্য ও প্রস্থ কতটুকু হবে তাও নির্ধারণ করে দেয়া যাবে height এবং width এট্রিবিউটের মাধ‍্যমে। নাম দেখেই আন্দাজ হচ্ছে যে এ দুটি দিয়ে কি করা যাবে। ছবির দৈর্ঘ্য এবং প্রস্থ নির্ধারণ করে দিতে পারেন।

এ ছাড়া ওয়েব পেইজের কোন পাশে ছবিটি বসবে তা নির্ধারণ করে দেয়া যাবে align, valign এট্রিবিউটের মাধ‍্যমে।

align হতে পারে right, center কিংবা left। আর valign হতে পারে top, bottom কিংবা center।

উদাহরণ :  <img align=”left” src=”https://goo.gl/cTWHUw” alt=”techshohor logo”/>

আগামী পর্বে কিভাবে ছবিতে লিংক যুক্ত ও টেক্সটে লিংক যুক্ত করা যায় তা তুলে ধরা হবে।

*

*

Related posts/