a ... 362 points
s ... 109 points
a ... 48 points
s ... 35 points
a ... 34 points
b ... 27 points
m ... 20 points
a ... 19 points
e ... 18 points
a ... 18 points
90
18 Dec 2020
154 views
Course Content
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 আছে, যেগুলো সম্পর্কে আমরা ধাপে ধাপে পরবর্তী লেসনগুলিতে জানবো
18 Dec 2020 154 views