গত লেসনে আমরা হেডিং ট্যাগ নিয়ে কিছুটা আলোচনা করেছিলাম, এ লেসনে বাকীটুকু আলোচনা করার আশা রাখি। আমরা গত লেসনে দেখেছিলাম কিভাবে হেডিং ট্যাগ দিতে হয়। আমরা যখন হেডিং ট্যাগ ব্যবহার করি ব্রাউজার ডিফল্ট সেটিং হিসেবে হেডিংকে পেজের বাম পাশে কোনায় দেখাবে। যদি আমরা হেডিংকে পেজের মাঝে বা ডানপাশে দেখাতে চাই তাহলে কী করতে হবে? এখানে আমাদের আর একটি বিষয়ের দিকে নজর দিতে হবে। তা হল attribute। এ সম্পর্কে আমরা আগে একটু আলোচনা করেছিলাম কিন্তু বিস্তারিত বলা হয় নি। আমরা এখন দেখব attribute কী?
Attribute: Attribute দিয়ে কোন এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদান করা হয়। অর্থাৎ কোন এলিমেন্ট ব্রাউজারে কোন পজিশনে কিভাবে প্রদর্শন করা হবে তা attribute এর মাধ্যমে ব্রাউজারকে নির্দেশ দেয়া হয়। যেমন হেডিং টা কোন পজিশনে প্রদর্শন করবে তা attribute দিয়ে নির্দেশ করা হবে। নিচে সচরাচর ব্যবহৃত attribute গুলো প্রদান করা হল।
- align
- height
- width
- id
- class
এবার একটি উদাহরণের সাহায্যে দেখাবো attribute দিয়ে কী কাজ করা হয়। আমরা হেডিং ট্যাগের attribute গুলো দেখব।
এখানে align attribute দ্বারা হেডিং এর অবস্থান নির্দেশ করা হয়েছে। center দিয়ে পেজের মাঝে নির্দেশ করা হয়েছে। Left দ্বারা বামে এবং right দ্বারা ডানের অবস্থান নির্দেশ করা হয়েছে। উপরোক্ত কোডগুলো নোটপ্যডে লিখে চালু করলে নিচের মত দেখাবে।
হেডিংকে বিভিন্ন কালারও করা যায়। সে বিষয়ে কালার ট্যাগে আলোচনা করা হবে। আজ আর একটি ট্যাগ নিয়ে আলোচনা করব। এটি হল <hr/> ট্যাগ বা হরাইজন্টাল রো ট্যাগ। এর দ্বারা পেজে আনুভূমিক ভাবে একটি দাগ দিয়ে দুটো এলিমেন্টকে আলাদা করা হয়। যেমন নিচের কোডটা দেখুন। সবুজ মার্কিং করা কোডটাই হল <hr/> Tag।
কোডটি নোটপ্যডে লিখে চালু করলে নিচের মত দেখাবে।
পেজে যে কোন দুটি এলিমেন্টসকে আলাদা করার জন্যে মূলত <hr/> ট্যাগ ব্যবহার করা হয়। আজ এ পর্যন্তই। আল্লাহ হাফেজ।
পূর্ববর্তী পরবর্তী
No comments:
Post a Comment