HTML Attribute
 |
| HTML attribute |
HTML এ এট্রিবিউটস এলিমেন্ট এর আনুসাঙ্গিক কিছু তথ্য প্রকাশ করে । প্রধানত HTML এ ট্যাগের কার্যক্ষমতাকে বর্ধিত করার জন্য এট্রিবিউটস ব্যবহার করা হয় ।
সচারচর ব্যবহৃত কিছু গুরুত্বপূর্ণ HTML এট্রিবিউট এবং এদের ব্যবহার আলোচনা করা হলো :
src এট্রিবিউট এর ব্যবহার :
একটি ইমেজ বা স্ক্রিপ্ট এর সোর্স সেট করে ।
উদাহরণ :
<html>
<head>
<title>Basic web page </title>
</head>
<body>
<img src="cat.jpg" height="200" width="200">
</body>
</html>
উদাহরণটিতে src এট্রিবিউট ব্যবহার করে ইমেজ এর সোর্স টা বলে দেওয়া হয়েছে ।
আপনারা উপরের কোড টুকু কপি করে যে কোনো টেক্সট এডিটরে পেস্ট করে সেভ করে রান করলেই সহজেই বুঝতে পারবেন ।
alt এট্রিবিউট এর ব্যবহার :
ওয়েব পেজে ইমেজ না দেখালে ইমেজ এর বিকল্প পদ্ধতি হিসেবে একটি লেখা সেট করার জন্য alt এট্রিবিউট ব্যবহার করা হয় ।
উদাহরণ :
<html>
<head>
<title>Basic web page </title>
</head>
<body>
<img src="cat.jpg" alt="cat image" height="200" width="200">
</body>
</html>
আপনারা উপরের কোড টুকু কপি করে যে কোনো টেক্সট এডিটরে পেস্ট করে সেভ করে রান করলেই সহজেই বুঝতে পারবেন ।
title এট্রিবিউট এর ব্যবহার :
একটি এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য যুক্ত করতে এটি ব্যবহার করা হয়। title যুক্ত এলিমেন্ট এর উপরে মাউস নিয়ে আসলে টুলটিপ হিসেবে title এট্রিবিউট এর কনটেন্ট প্রদর্শিত হয় ।
উদাহরণ :
<html>
<head>
<title>basic web page</title>
</head>
<body>
<p title="I am fine">How are you ?</p>
</body>
</html>
বন্ধুরা উপরের কোড টুকু কপি করে যে কোনো টেক্সট এডিটরে পেস্ট করে সেভ করে রান করলেই সহজেই বুঝতে পারবেন আপনারা ।
href এট্রিবিউট এর ব্যবহার :
এই এট্রিবিউট টি <a> ট্যাগে ব্যবহৃত হয় । অর্থাৎ একটি লিংকের url সেট করতে এটি ব্যবহার করা হয় ।
উদাহরণ :
<html>
<head>
<title>basic web page</title>
</head>
<body>
<p><a href="https://www.who.int/">WHO</p>
</body>
</html>
বন্ধুরা উপরের কোড টুকু কপি করে যে কোনো টেক্সট এডিটরে পেস্ট করে সেভ করে রান করলেই সহজেই বুঝতে পারবেন আপনারা ।
style এট্রিবিউট এর ব্যবহার :
একটি এলিমেন্টকে inline style করার জন্য এটি ব্যবহার করা হয় ।
উদাহরণ :
<html>
<head>
<title>basic web page</title>
</head>
<body>
<p style="color:red; font-size:50px;">How are you friend ?</p>
</body>
</html>
উপরের কোড টুকু কপি করে যে কোনো টেক্সট এডিটরে পেস্ট করে সেভ করে রান করলেই সহজেই বুঝতে পারবেন আপনারা ।
বন্ধুরা এই কয়েক টা মাত্র এট্রিবিউট এর ব্যবহার আলোচনা করলাম, এছাড়াও অনেক এট্রিবিউট রয়েছে , আশা করছি আপনারা যদি আমার সাথে শেষ পর্যন্ত থাকেন তাহলে অনেক এট্রিবিউট সম্পর্কে পরিচিতি লাভ করতে পারবেন , আমি যতটা পারবো আপনাদেরকে সাহায্য করে যাবো ।
যদি কোনো বন্ধুর কোনো জায়গায় বুঝতে অসুবিধা হয় তাহলে অবশ্যই আমার সাথে contact করবেন ।
ধন্যবাদ !!
1 মন্তব্যসমূহ
good content
উত্তরমুছুন