HTML Attribute
এইচটিএমএল ট্যাগের অধিনে অনেক গুলো ইলিমেন্ট থাকে এদেরকে Attribute বলা হয়। আমরা পূর্বে <h1>, <h2>, paragraph tag <p> এবং অন্যান্য ট্যাগ দেখেছি। কিন্তু এদের সাথে Attribute যোগ করা হলে এরা বাড়তি তথ্য দেখাবে। শুধু h1 ট্যাগ ব্যবহার করলে অনেক প্রশ্ন থেকে যায় যে এটা ডানে হবে না বামে হবে নাকি সেন্টারে হবে বা এটার Style কী হবে ইত্যাদি ইত্যাদি।
Tag এর সাথে Attribute যোগ করলে এই সকল প্রশ্নের উত্তর মিলে।
Core Attributes
৪ ধরনের কোর এট্রিবিউট রয়েছে এইগুলো অধিকাংশ এইচটিএমএল ট্যাগে ব্যবহার করা হয়।
এইচটিএমএল ট্যাগের এই এট্রিবিউটটি এইচটিএমএল ওয়েব পেজের কোনো ইলিমেন্টকে শনাক্ত করণে ব্যবহার করা হয়। আপনার যদি একই নামের দুটি ইলিমেন্ট থাকে তাহলে আপনি ID Attribute দ্বারা তাদেরেকে শনাক্ত করতে পারবেন।
<p id="html">This para explains what is HTML</p>
<p id="css">This para explains what is Cascading Style Sheet</p>
ধরি আপনার দুইটা প্যারাগ্রাফ ট্যাগ আছে । আপনার এই ট্যাগের id attribute দেওয়ার কারনে তারা আলাদা আলাদা ভাবে পরিচয় পেয়েছে একটার আইডি html অপরটার আইডি css
Title Attribute:
কোনো ট্যাগের টাইটেল বোঝাতে এই Attribute ব্যবহার করা
<h3 title="Oh I See">Every Child should respect his/her mom</h3>
ফলাফলঃ
Every Child should respect his/her mom
আপনি মাউসের এরোটি উপরের লেখাটার উপর ধরেন, কী ? টাইটেলে যা লিখা হয়েছে তা শো করছে। নিচের Attribute গুলো পড়ুন
| Attribute | অপশন | কাজ |
|---|
| align | right, left, center | অনুভূমিকভাবে align |
| valign | top, middle, bottom | খাড়াভাবে Valign |
| bgcolor | numeric, hexidecimal, RGB values | Element এর পেছনে কালার দিতে |
| background | URL | Element এর পেছনে ইমেজ দিতে |
| id | User Defined | Element এর নাম দেওয়া হয় |
| class | User Defined | css এর প্রয়োগ করার জন্য ব্যবহার করা হয় |
| width | Numeric Value | প্রস্থ নির্ধারণ করে |
| height | Numeric Value | উচ্চতা নির্ধারণ করে |
| title | User Defined | Attribute এর শিরোনাম বুঝাতে |
আমার টিউনটি পড়ার জন্য ধন্যবাদ। সুযোগ ফেলে আমার ব্লগ থেকে কিছু ওয়েব ডিজাইন টিউটোরিয়াল দেখে নিবেন। সবাই ভালো থাকবেন এবং টেক্টিউন্সের সাথেই থাকুন
