ওয়েব স্কুল বিডি : সুপ্রিয় শিক্ষার্থী বন্ধুরা, শুভেচ্ছা নিয়ো। আমরা গত পর্বে ক্লাস সিলেক্টর নিয়ে আলোচনা করেছিলাম। আজ তোমাদের আইডি সিলেক্টর নিয়ে আলোচনা করা হলো :
আইডি সিলেক্টর :
CSS এ ওয়েব পেজের কোন অংশ বা কোন উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি জনপ্রিয় পদ্ধতি আইডি সিলেক্টর । একাধিক উপাদানকে ক্লাস সিলেক্টর এর মত একই আইডি সিলেক্টর দ্বারা চিহ্নিত করা যায় না। যেমন
<p id="post1"> We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. information. </p>
এরজন্যcssকোড
#post1{
color:#066;
font-family:Tahoma;
text-align:justify;
}
আইডি সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে id কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <p id="post1">। এখানে post1 আইডির নাম। স্টাইল শীটে আইডিকে চিহ্নিত করতে (#) চিহ্ন ব্যবহার করা হয়।
<p id="post1"> এর মাধ্যমে একটি প্যারাগ্রাফের জন্য post1 নামে একটি আইডি নির্ধারণ করা হয়েছে।আইডি সিলেক্টর :
CSS এ ওয়েব পেজের কোন অংশ বা কোন উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি জনপ্রিয় পদ্ধতি আইডি সিলেক্টর । একাধিক উপাদানকে ক্লাস সিলেক্টর এর মত একই আইডি সিলেক্টর দ্বারা চিহ্নিত করা যায় না। যেমন
<p id="post1"> We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement. information. </p>
এরজন্যcssকোড
#post1{
color:#066;
font-family:Tahoma;
text-align:justify;
}
আইডি সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে id কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <p id="post1">। এখানে post1 আইডির নাম। স্টাইল শীটে আইডিকে চিহ্নিত করতে (#) চিহ্ন ব্যবহার করা হয়।অনুশীলন প্রজেক্ট
<html>
<head>
<title> Selectors</title>
<style>
body{background: #FFC}
#post1{color:#066;
font-family:Tahoma;
text-align:justify;}
#mar{color: #C03;
font-size:36px}
</style>
</head>
<body >
<h1>www.webschoolbd.com</h1>
<p id="post1">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । গত ১ বসর ধরে সফল ভাবে অনলাইনে ফ্রীলেন্সিং এর উপর ট্রেনিং দিয়ে দক্ষ ফ্রিলেন্সার হিসেবে তৈরি করে আসছে! ওয়েব স্কুল বিডি এর মূল লক্ষ্য দেশের বেকারত্তের হার কমানো এবং দেশের রিজার্ভ বাড়ানো । সেই লক্ষেই ওয়েব স্কুল বিডি এর কার্যক্রম ।
ওয়েব স্কুল বিডি পেজঃ https://www.facebook.com/WebSchoolBDs/ </p>
<marquee>
<p id="mar">বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । </p>
</marquee> </body>
</html>
প্রজেক্ট বিশ্লেষণ :<head>
<title> Selectors</title>
<style>
body{background: #FFC}
#post1{color:#066;
font-family:Tahoma;
text-align:justify;}
#mar{color: #C03;
font-size:36px}
</style>
</head>
<body >
<h1>www.webschoolbd.com</h1>
<p id="post1">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । গত ১ বসর ধরে সফল ভাবে অনলাইনে ফ্রীলেন্সিং এর উপর ট্রেনিং দিয়ে দক্ষ ফ্রিলেন্সার হিসেবে তৈরি করে আসছে! ওয়েব স্কুল বিডি এর মূল লক্ষ্য দেশের বেকারত্তের হার কমানো এবং দেশের রিজার্ভ বাড়ানো । সেই লক্ষেই ওয়েব স্কুল বিডি এর কার্যক্রম ।
ওয়েব স্কুল বিডি পেজঃ https://www.facebook.com/WebSchoolBDs/ </p>
<marquee>
<p id="mar">বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । </p>
</marquee> </body>
</html>
#post1{color:#066;
font-family:Tahoma;
text-align:justify;}এর মাধ্যমে post1 নামে নির্ধারিত আইডিযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
#mar{color: #C03;
font-size:36px} এর মাধ্যমে mar নামে নির্ধারিত আইডিযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
Tags
CSS