এইচটিএমএল এট্রিবিউট টিউটোরিয়াল (HTML Attribute tutorial in Bangla)

ট্যাগ কে সম্প্রসারন করার জন্য এট্রিবিউট ব্যবহার করা হয়। ধরুন যদি আমরা একটি টেবিল তৈরী করি তবে attributes ব্যাবহার করে টেবিল এর প্রস্থ, উচ্চতা ঠিক করতে পারি। আর attributes value দিয়ে টেবিল এর প্রস্থ ও উচ্চতার মান দিতে পারি।

1.<tag attributes ="value" attributes ="value">

1.<table width="150" height="100">

Class বা  id attribute এর ব্যবহার প্রায় একই তবে কিছুটা ভিন্নতা আছে। Class বা  id attribute সরাসরি ইলিমেন্ট ফরমেটে কোন ভুমিকা নেই তবে পর্দার অন্তরালে এদের ভুমিকা আছে বিশেষ করে জাভাস্ক্রিপ্ট ,সিএসএস (এগুলো সম্পর্কে পরবতি টিউটোরিয়াল এ আলোচনা করা হয়েছে।

1.<p>Paragraph type 1 Italics</p>

2.<p>Paragraph type 2 Bold</p>

প্রদর্শন

Paragraph type 1 Italics
Paragraph type 2 Bold

এইচটিএমএল নেম এট্রিবিউট (HTML Name Attribute)

Name attribute টি Class বা  id attribute হতে ভিন্ন। Name attribute টি প্রায়ই র্ফম বা অন্যান্য ইনপুট ইলিমেন্টের সাথে দেখা যায়।

1.<input type="text" name="TextField" />

প্রদর্শন:

এই attribute টি TextField প্রদর্শনের বিষয়ে ভুমিকা নেই তবে পর্দার অন্তরালে এর অনেক বেশি অবদান(javascript , css)

এইচটিএমএল টাইটেল এট্রিবিউট (HTML- Title attributes)

এই attribute টি কোন এইচটিএমএল এলিমেন্ট এর শিরোনাম এবং ছোট popup টেক্স যুক্ত করে এমন ভাবে যুক্ত করে যখন ওয়েব পেজে ঐ শিরোনামের উপর মাউস রাখা হয় তখন ছোট popup টেক্সটি প্রদর্শন করে।
<h2 title="Hello There!">Titled Heading Tag</h2>
প্রদর্শন

Titled Heading Tag

এইচটিএমএল এলাইন এট্রিবিউট (HTML- align attributes)

যদি আপনি এলিমেন্টের সমান্তরাল অবস্থান পরিবর্তন করতে চান তবে তা align attribute দিয়ে করতে পারেন। align বিভিন্ন ভবে করা যায় যেমন left, right & center । ডিফল্ট হিসাবে left align টি নির্বাচিত থাকে।

1.<h2 align="center">Centered Heading</h2>

Centered Heading

1.<h2 align="left">Left aligned heading</h2>

2.<h2 align="center">Centered Heading</h2>

3.<h2 align="right">Right aligned heading</h2>

Left aligned heading

Centered heading

Right aligned heading

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) সাথে ব্যবহার করা হয়।
width	Numeric Value	Tables, images, or table cells এর width নির্দেশ  করে ।
height	Numeric Value	Tables, images, or table cells এর height  নির্দেশ  করে ।
title	ব্যবহারকারীর নির্দেশ অনুযায়ী	আপনার elements এর "Pop-up" title ।