Rasel khan web programming

HTML এট্রিবিউট


ইচটিএমএল এট্রিবিউট টিউটোরিয়াল (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

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

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