বেসিক এইচটিএমএল(HTML)শিখুন টিউটোরিয়াল [পর্ব-৪] : এইচটিএমএল এট্রিবিউট [Attribute]

image

       আজ এইচটিএমএল এর এট্রিবিউটস (Attribute) নিয়ে আলোচনা করবো এট্রিবিউট এইচটিএমএল এর এলিমেন্ট  কার্যক্ষমতাকে বৃদ্ধি করা। 

       যেমন ধরুন আমরা সাধারণত h1 এলিমেন্ট দিয়ে ব্রাউজারকে বলি বড় ফন্টের শিরোনাম প্রদর্শন করতে আর এট্রিবিউট  দিয়ে আমরা এই এলিমেন্টটির রং, ব্যাকগ্রাউনড কালার ,সাইজ আরও অনেক কিছু  দিতে পারবো। অর্থাএট্রিবিউট (Attribute) এর কাজ হচ্ছে ট্যাগ এর বিভিন্ন বৈশিষ্ট বা মান বাড়ানো।   

          নিচের কোডটুকু যেকোনো এডিটরে লিখুন এবং সেভ করে ব্রাউজারে ওপেন করুন 

<html> 

<head> 

<title> This is Example of   Background Color </title>

</head>

<body bgcolor=”red”>

<font size=”5″ Face=”New Time Roman” Color=”white”>

Hello, This is example of color

Hello, This is example of color 

Hello, This is example of color

 Hello, This is example of color

Hello, This is example of color

Hello, This is example of color

Hello, This is example of color 

Hello, This is example of color

Hello, This is example of color

</font>

</body> 

</html>

      ব্রাউজার ওপেন করলে  নিচের ছবির মতো দেখবেন

Screenshot_1

    এখানে size=”5″ অংশটি হল font ট্যাগের একটি এট্রিবিউট, যা প্রকাশ করছে এলিমেন্ট  অর্থাৎ Hello, This is example of colorলেখাটির সাইজ কেমন হবে। এছাড়া face=” New Time Roman ”  প্রকাশ করছে লেখাটির font হবে New Time Roman এবং color=” white ” দ্বারা প্রকাশ করছে লেখাটির রং হবে সাদা

  এইচটিএমএল এট্রিবিউটে (Attribute) মুলত তিন ধরনের গ্রুপ আছে যেগুলি এলিমেন্টগুলোতে বেশি ব্যাবহার করা হয়।  এগুলো হলঃ

              ১। কোর এট্রিবিউট (core attribute)

             ২।ইন্টারন্যাশলাইজেশান এট্রিবিউট  (Internationalization Attributes)

             ৩।ইউ আই এট্রিবিউট  (UI event )

 কোর এট্রিবিউটঃ

এইচটিএমএল এলিমেন্টগুলোতে সবচেয়ে চারটি  কোর এট্রিবিউট ব্যাবহার করা হয়। সেগুলো হলোঃ

১।  Id

 ২। class

৩। title

৪। style

ইন্টারন্যাশলাইজেশান এট্রিবিউটঃ

         সবচেয়ে বেশি তিনটি  ইন্টারন্যাশলাইজেশান এট্রিবিউট ব্যাবহার করা হয়,

  • Dir
  •  lang
  •  xml:lang    

UI event এট্রিবিউটঃ

   onclick, ondoubleclick, onmouseout, onkeypress ইত্যাদি হচ্ছে  UI event এট্রিবিউট। ইভেন্ট এট্রিবিউটগুলি শুধু জাভাস্ক্রিপ্ট এর কাজ এর জন্য ব্যবহৃত হয়।  এগুলোর মধ্যে কোর এট্রিবিউট (core attribute) এর ব্যবহার সবচেয়ে বেশি দেখা যায়।

      আর্টিকেলটি পড়ার জন্য ধন্যবাদ। আজ এই পর্যন্ত ,আগামী পর্ব দেখার দেখার আমন্ত্রণ জানিয়ে আজকের মতো এখানেই শেষ করছি

আরো পোস্ট দেখুন

comments