Web Development tutorial in bangla part-10 :)-

 

এইচটিএমএল টিউটোরিয়াল- এইচটিএমএলে আইডি এবং ক্লাসগুলি

এখানে, আমরা এইচটিএমএলে আইডি এবং ক্লাস সম্পর্কে শিখতে চলেছি। আইডি একটি শনাক্তকারী যা পুরো এইচটিএমএল ডকুমেন্টে অনন্য হতে হবে। এটি লিঙ্কিং, স্ক্রিপ্টিং বা স্টাইলিংয়ের সময় কোনও উপাদান সন্ধান করতে ব্যবহৃত হয়। যেখানে ক্লাসগুলি সিএসএস এবং জাভাস্ক্রিপ্টকে নির্দিষ্ট উপাদান নির্বাচন এবং অ্যাক্সেসের অনুমতি দেয়। আসুন আমরা tut10.html হিসাবে একটি নতুন ফাইল তৈরি করে এবং বেসিক এইচটিএমএল টেমপ্লেটটি পেতে তাত্ক্ষণিক বয়লারপ্লেট যুক্ত করে শুরু করি। ওয়েবসাইটের শিরোনাম দেওয়ার জন্য এইচটিএমএলে আইডি এবং ক্লাস হিসাবে <শিরোনাম> ট্যাগটির নাম দিন।

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

<div id = "mainBox" শ্রেণি = "redBG"> B

এখন প্রশ্ন উঠেছে এইচটিএমএল-তে কোনও আইডির দরকার কী? উত্তরটি হ'ল, জাভাস্ক্রিপ্ট বা সিএসএস ব্যবহার করার সময় আমরা একটি পূর্ণ উপাদানকে লক্ষ্য করতে পারি এবং এতে প্রয়োজনীয় পরিবর্তন করতে পারি। একইভাবে, আমরা সিএসএসের মাধ্যমে পুরো উপাদানটি ধরে নিতে পারি এবং সীমানা বা প্রস্থ বা আরও অনেক কিছুই পরিবর্তন করতে পারি।

আসুন এখন বুঝতে পারি একটি উদাহরণ সহ ক্লাসগুলি কী। ধরে নিন যে আমার HTML এ আমার 100 টি উপাদান রয়েছে এবং আমি 100 টি উপাদানকে একটি লাল ব্যাকগ্রাউন্ড দিতে চাই। এটি করার জন্য, আমাদের কাছে দুটি বিকল্প রয়েছে। হয় আমাদের প্রতিটি উপাদান নির্বাচন করতে হবে এবং এটিতে একটি লাল ব্যাকগ্রাউন্ড নির্ধারণ করতে হবে বা আমরা একটি শ্রেণি রেডবিজি তৈরি করতে এবং এটিতে একটি লাল ব্যাকগ্রাউন্ড নির্ধারণ করতে পারি। তারপরে আমরা এই শ্রেণিটি এমন উপাদানগুলিতে দিতে পারি যাতে আমরা একটি লাল পটভূমির রঙ চাই। বিভ্রান্তি এড়াতে, আমি ধরে নিচ্ছি যে রেডবিজি ক্লাসটি ইতিমধ্যে সংজ্ঞায়িত হয়েছে।

 

এখানে একটি বিষয় লক্ষণীয় হ'ল আমরা একটি নির্দিষ্ট উপাদানকে কেবল একটি আইডি নির্ধারণ করতে পারি তবে এটি ক্লাসের ক্ষেত্রে হয় না। একটি উপাদান নিজের মধ্যে একাধিক শ্রেণি থাকতে পারে। আমরা একটি উপাদানগুলিতে আরও ক্লাস যুক্ত করব, এতে আরও সম্পত্তি যুক্ত হবে।

 

শ্রেণি বিন্দু দ্বারা চিহ্নিত করা হয় ‘।’ এবং আইডি হ্যাশ দ্বারা চিহ্নিত করা হয় ‘#’। উদাহরণস্বরূপ, একটি উপাদানে একটি রেডবিজি ক্লাস পেতে আমরা সহজেই সেই উপাদানটির নাম লিখতে পারি যার পরে .redBG হয়। নীচের ছবিটি সবকিছু দেখায়, আপনি এখন পর্যন্ত শিখেছেন-

এইগুলি ক্লাস এবং আইডিগুলির মধ্যে প্রধান পার্থক্য। আপনি সরবরাহিত রেফারেন্সগুলির সহায়তা নিতে পারেন এবং সেগুলি সম্পর্কে আরও বুঝতে আরও অনুশীলন করতে পারেন। তবে, আমরা সেগুলি সম্পর্কে সিএসএস এবং জাভাস্ক্রিপ্টগুলিতে আরও বিস্তারিত জানব will