HTML Attributes

HTML Attributes

আমরা ইতিমধ্যে HTML Tags সম্পর্কে ভালোভাবে জেনেছি। এখন জানবো HTML Attributes সম্পর্কে। আমরা জানি যে, এক এক Tag এক এক ধরণের কাজ করে থাকে। যেমনঃ Webpage এ ছবি প্রদর্শন করতে গেলে <img> ট্যাগ ব্যবহার করতে হয় বা, আমরা কোনও লিংক এ প্রবেশ করতে চাইলে <a> </a> এই ট্যাগটি ব্যবহার করে থাকি।

এখন, ছবি প্রদর্শনের জন্য <img> ট্যাগ ব্যবহার করা হলো। কিন্তু, যেই ছবিটা এই ট্যাগ এর মাধ্যমে প্রদর্শন করবো সেই ছবির ফাইলটি নিম্নোক্ত উপায়ে যুক্ত করা হয়ে থাকেঃ

<img src="bangladesh_picture.jpg">

এখানে, ছবিটি যুক্ত করা হয়েছে “src” Attribute এর মাধ্যমে। একইভাবে, কোনও লিংক যুক্ত করার ক্ষেত্রে নিম্নোক্ত “href” Attribute টি ব্যবহার করা হয়ে থাকেঃ

<a href="https://www.bdmyschool.com"> এটি একটি লিংক </a>

নিচে আরও কিছু Attribute উল্লেখ করা হলোঃ

Width, Height Attribute: কোনও ছবির দৈর্ঘ্য ও প্রস্থ উল্লেখ করতে ব্যবহৃত হয়

<img src="bangladesh_picture.jpg" width="100" height="100">

Title Attribute: সংক্ষেপে কোনও কিছু সম্পর্কে ব্যবহারকারীকে কিছুটা ধারণা দিতে এটি ব্যবহার হয়ে থাকে

<img src="bangladesh_picture.jpg" title="Picture of Bangladesh">

Alt Attribute: কোনও কারণে যদি ছবি লোড না হয়, তাহলে ছবির জায়গায় ছবির পরিবর্তে ছবিটি কী সংক্রান্ত সেই বিষয়ে ছোট একটি তথ্য দিতে এটি ব্যবহৃত হয়

<img src="bird_picture.jpg" alt="Picture of Bird">

Style Attribute: কোনও Element এর রঙ, ফন্ট, সাইজ ইত্যাদি যোগ করতে এটি ব্যবহৃত হয়  

<p style="color:blue"> এই লেখাটি নীল রঙের দেখাবে </p>

এছাড়াও আরও অনেক Attribute আছে, যেগুলো সম্পর্কে আমরা ধাপে ধাপে পরবর্তী লেসনগুলিতে জানবো