menubar

HTML Attributes



Attributes হলো এইচটিএমএল elements এর ভিতরে অতিরিক্ত তথ্য প্রদান করে elements এর কাজের ক্ষমতা বারিয়ে দেয় একটি elements ট্যাগ দিয়ে ব্রাউজার এ লেখা  কি ভাবে দেখাবে সেটা নির্ধারণ করে দেয়া হয়।h1 ব্যাবহার করলে heading টা একটু বড় দেখায়। আর Attributes ব্যাবহার করে আপনি চাইলে h1 এর size,color,font,face  দেখতে কেমন হবে সেটা নির্ধারণ করে দিতে পারবেন। elements এর সাথে যা যোগ করলেন তাই Attributes
<h2 align="center">center aligned heading example</h2>
এভাবে আপনি লিখলে হেডিংটা পেজ এর মাঝখানে আসবে।
<h1 style=”color:red;”>HTML Attribute in here</h1>
উপরের কোড লক্ষ করুন।এখানে style Attribute ব্যাবহার করে heading এর color red করে দেয়া হয়েছে। যদি শুধু h1 ব্যাবহার করা হতো আর কোন Attribute ব্যাবহার করা না হতো তাহলে heading এর color default ভাবে black  থাকত।
এইযে heading টা একটু ভিন্ন ভাবে আপনি লিখলেন এটা করার কারনেই Attribute ব্যাবহার করা হয়।
অধিকাংশ ট্যাগেই এরুপ অনেক ধরনের Attribute যোগ করা যায়।
Attribute এর কিছু ধরন আছে। যেমনঃ
গ্লোবাল Attribute : id, class, title, style ইত্যাদি। সাধারণত এই এট্রিবিউটই বেশী ব্যাবহৃত হয়।
এছাড়া আছে ইন্টারন্যাশলাইজেশান Attribute :  dir, lang এগুলি এবং
ইভেন্ট Attribute: onclick, ondoubleclick, onmouseout, onkeypress ইত্যাদি(ইভেন্ট এট্রিবিউটগুলি শুধু জাভাস্ক্রিপ্ট এর কাজ এর জন্য ব্যবহৃত হয়।)
id, class দিয়ে এলিমেন্টের নাম দেয়া যায় পরে সেই নাম ধরে সিএসএসস্টাইলিং করা হয়।
style এট্রিবিউট এ অনেক সিএসএস প্রোপার্টিজ ব্যবহার করা যায়
এট্রিবিউট লেখার নিয়ম হচ্ছে প্রথমে এট্রিবিউটটির নাম এরপর সমান চিহ্ন (=) দিয়ে কোটেশনের (“” বা ”) ভিতর এর মান।


Generic attributes:
Attribute দিয়ে ওয়েবপেজ কে সম্পুর্নভাবে কাস্টমাইজ করা যায়। নিচে টেবিলে কিছু এইট্রবিউট দেয়া হল যা অনেক HTML Tag এর সাথে সহজে ব্যবহার করা যায়।
Attribute
Options               
Function
Align
right, left, center
সমান্তাল (Horizontally) aligns tags
Valign
top, middle, bottom
উলম্ব(Vertically) aligns tags
bgcolor
numeric, hexadecimal, RGB values
Element এর background color নিদের্শ করে।
background URL

Background image উপর element নিদের্শ করে।
id
ব্যবহারকারীর নির্দেশ অনুযায়ী
Element এর Name যা Cascading Style Sheets (css) সাথে ব্যবহার করা হয়।
class
ব্যবহারকারীর নির্দেশ অনুযায়ী
Element এর শ্রেনীবিন্যাস যা Cascading Style Sheets (css) সাথে ব্যবহার করা হয়।
title
ব্যবহারকারীর নির্দেশ অনুযায়ী
elements এর “Pop-up” title
height
Numeric Value
Tables, images, or table cells এর height নির্দেশ করে ।
width
Numeric Value
Tables, images, or table cells এর width নির্দেশ করে ।











কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন