এইচটিএমএল এট্রিবিউট টিউটোরিয়াল (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 Heading1.<h2
align="left">Left
aligned heading</h2> 2.<h2
align="center">Centered
Heading</h2> 3.<h2
align="right">Right
aligned heading</h2> Left aligned headingCentered headingRight aligned headingGeneric attributes:
Attribute দিয়ে ওয়েবপেজ কে সম্পুর্নভাবে কাস্টমাইজ করা যায়। নিচে
টেবিলে কিছু এইট্রবিউট দেয়া হল যা অনেক HTML Tag এর সাথে
সহজে ব্যবহার করা যায়।
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন