ওয়েব ডিজাইন এবং ডেভেলপমেন্ট পর্ব-৪ (HTML | CSS | PHOTOSHOP)

সবাইকে স্বাগতম আমার ওয়েব ডিজাইনের ধারাবাহিক টিটোরিয়ালের ৪য় পর্বে।গত পর্বে আমরা আলোচনা করেছি এইচটিএমএল ট্যাগ এবং এইচটিএমএল এলিমেন্ট নিয়ে।এই দুটো বিষয় যখনই আসবে, তখনই এট্রিবিউট বিষয়টিও চলে আসবে।
তাই আজকে আমরা জানব,

• এট্রিবিউট কি?

চলুন এট্রিবিউট কি  জানা যাক।একটা ঊধাহরণ এর মাধ্যমে যেনে নিই।আমার কাজ আপনাকে বিষয়টা বোঝানো,মুখস্ত করানোনা।তাই আমি চেষ্টা করব একটি ভালো রাস্তা অবলম্বন করা যাতে আপনারা সহজেই বোঝেন ব্যাপারটা।

ধরুন আমাদের একটি গাড়ি আছে।আমরা গাড়িটিকে একটি ট্যাগ এর সাথে যদি তুলোনা করি তাহলে কেমন হয়?গাড়িটি যাতায়াতের একটি মাধ্যম আর একটি ট্যাগ এইচটিএমল দিয়ে কিছু করা একটি মাধ্যম।তাহলে আমরা বুঝলাম গাড়িটি একটি ট্যাগ।

খুবি ভালো। আচ্ছা একটি গাড়িতে কি কি থাকে? অর্থাৎ গাড়িটিকে নিয়োন্ত্রন করার জন্যে কি কি থাকে?

জাই থাকুক,তার মধ্যে স্টেয়ারিং টা কিন্তু প্রধান কোন্ট্রলার। অর্থাৎ  স্টেয়ারিং এর মাধ্যমেই আপনি দিক নিরদেশনা করতে পারবেন।যেদিক যেতে চান সেদিকে যেতে পারবেন।

এখন আমরা বলতে পারি এই স্টেয়ারিংটাই হচ্ছে আমাদের এট্রিবিঊট।আর গাড়িটি বামে না ডানে এই যে একটি ভেলু সেটাকে আমরা বলতে পারি এট্রিবিঊট ভেলু।

এখন আমরা প্র্যাক্টিকালি দেখিঃ

<tag attribute="value">This is heading</tag>

<h1 style="text-align:center;">This is Heading One</h1>

এখানে h1 যে একটি ট্যাগ এইটাতো আমরা জানিই।
তাহলে বলুনতো
এগুলা কি?
{
style
text-align:
center;
}

style টা হলো একটি এট্রিবিঊট।যেটা লেখা হয় অপেনিং ট্যাগ এর ভিতরে।

text-align এটা একটি প্রপার্টি।এট্রিবিঊট প্রপার্টি।

center; এটিই হলো ভেলু।এর মাধ্যমেই কিন্তু বুজতে পারতেছি লেখাটা সেন্টারে থাকবে।

আশা করি সবাই বুঝাতে পারছি আসলে এট্রিবিউট কি?কোন সমস্যা থাকলে কমেন্টস করুন।

Follow Us:

banglishtutorial.com

youtube channel:banglishtutorial

facebook group:banglish tutorial

facebook page:banglish tutorial

ধন্যবাদ সবাইকে।