HTML Attribute/এট্রিবিউট:
HTML এ এট্রিবিউটস ইলিমেন্ট এর আনুসাঙ্গিক তথ্য প্রকাশ করে । মূলত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয়।
সচরাচর ব্যবহৃত কিছু এইচটিএমএল এট্রিবিউট এবং এদের ব্যবহারঃ
| এট্রিবিউট | বর্ণনা |
|---|---|
| alt | এই এট্রিবিউটটি <img> ট্যাগে ব্যবহৃত হয়। ইমেজ প্রদর্শিত না হলে বিকল্প হিসাবে এই এট্রিবিউট এর টেক্সট ব্রাউজারে প্রদর্শিত হয়। |
| charset | এই এট্রিবিউটটি <meta> ট্যাগে ব্যবহৃত হয়। অর্থাৎ অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করার জন্য এটি ব্যবহার করা হয়। |
| disabled | এই এট্রিবিউটটি <input> ট্যাগে ব্যবহৃত হয়। অর্থাৎ একটি নির্দিষ্ট ইনপুট এলিমেন্টকে অকেজো(disable) করতে এই এট্রিবিউট ব্যবহার করা হয়। |
| href | এই এট্রিবিউটটি <a> ট্যাগে ব্যবহৃত হয়। অর্থাৎ একটি লিঙ্কের URL সেট করতে এটি ব্যবহার করা হয়। |
| lang | ডকুমেন্টের ভাষা সংক্রান্ত তথ্য ধারণ করে। |
| id | একটি এলিমেন্টের জন্য ইউনিক নাম সেট করে। |
| src | একটি ইমেজ বা স্ক্রিপ্ট এর সোর্স সেট করে। |
| style | একটি এলিমেন্টকে ইনলাইন স্টাইল করার জন্য এটি ব্যবহার করা হয়। |
| title | একটি এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য সংযুক্ত করতে এটি ব্যবহার করা হয়। titleযুক্ত এলিমেন্টের উপর মাউস নিয়ে আসলে টুলটিপ হিসেবে টাইটেল এট্রিবিউট এর কন্টেন্ট প্রদর্শিত হয়। |
alt এট্রিবিউট এর ব্যবহার:
ইমেজ প্রদর্শিত না হলে ইমেজের বিকল্প হিসেবে একটি টেক্সট সেট করার জন্য
alt এট্রিবিউট ব্যবহার করা হয়।উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল alt এট্রিবিউট</title>
</head>
<body>
<img src="satt.png" alt="riazipobd.com" width="142" height="142">
</body>
</html
charset এট্রিবিউট:
ডকুমেন্টের অক্ষর/ক্যারেক্টার এনকোডিং(encoding) নির্ধারণ করার জন্য
<meta> ট্যাগের মধ্যে charset এট্রিবিউট ব্যবহার করা হয়।ইংরেজী ছাড়া অন্য যেকোনা ভাষা ব্রাউজারে সঠিকভাবে প্রদর্শন করানোর জন্য charset ="utf-8"ব্যবহার করা হয়।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>এইচটিএমএল charset এট্রিবিউট</title>
</head>
<body>
<p>ইংরেজী ছাড়া অন্য যেকোনা ভাষা ব্রাউজারে সঠিকভাবে প্রদর্শন করানোর
জন্য charset="utf-8" ব্যবহার করা হয়।</p>
<p>নিজে চেষ্টা করার সময় আমাদের উদাহরণগুলোতে ব্যবহৃত বাংলা ফন্ট
যদি আপনার ব্রাউজারে সাপোর্ট না করে বা বাংলা ফন্ট ভেঙ্গে যায় তাহলে charset="utf-8"
ব্যবহার করে ফন্ট সমস্যা দূর করতে পারেন।</p>
</body>
</html>
src এট্রিবিউট:
এইচটিএমএল
<img> এবং <script> ট্যাগের সোর্স ফাইল যোগ করার জন্য src এট্রিবিউট ব্যবহার করা হয়।উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল src এট্রিবিউট</title>
</head>
<body>
<img src="../riaz.png" width="142" height="142">
</body>
</html>
বি:দ্র:একটা নোটপ্যাড open করে উপরে উদাহরন code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browserদিয়ে open করে দেখতে পারেন।
Comments
Post a Comment