Delete
Setting
Add New Item
Menu List
Title | Content Type | Order | Action | ||||||
---|---|---|---|---|---|---|---|---|---|
{{kb_content.name}} {{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
{{kb_content.name}} | {{setValue(content_types, kb_content.content_type)}} | {{kb_content.sort_order}} | Preview Edit Edit Content | ||||||
No record |
HTML ID ও Class
এইচটিএমএল টিউটোরিয়াল টি টিউটোরিয়াল HTML এর প্রাথমিক এবং উন্নত ধারণা সরবরাহ করে। আমাদের এইচটিএমএল টিউটোরিয়ালটি নতুন এবং পেশাদারদের জন্য তৈরি। আমাদের টিউটোরিয়ালে, প্রতিটি বিষয়কে ধাপে ধাপে দেওয়া হয় যাতে আপনি এটি খুব সহজ উপায়ে শিখতে পারেন। আপনি যদি এইচটিএমএল শেখার ক্ষেত্রে নতুন হন তবে আপনি প্রাথমিক থেকে একটি পেশাদার পর্যায়ে এইচটিএমএল শিখতে পারবেন এবং সিএসএস এবং জাভাস্ক্রিপ্টের সাহায্যে এইচটিএমএল শিখার পরে আপনি নিজের ইন্টারেক্টিভ এবং গতিশীল ওয়েবসাইট তৈরি করতে সক্ষম হবেন। তবে এখন আমরা এই টিউটোরিয়ালে কেবল এইচটিএমএলকে কেন্দ্র করব।
HTML ID ও Class
Id -একটি আইডি বা ID এট্রিবিউট ব্যবহার করে প্রতিটি এইচটিএমএল এলিমেন্টের জন্য ইউনিক আইডি নির্ধারণ করা হয়। আইডি সিলেক্টর ব্যবহার করে কোন নির্দিষ্ট এইচটিএমএল এলিমেন্টে সিএসএস বা জাভাস্ক্রিপ্ট ব্যবহার করা যায়
আইডি এট্রিবিউট ব্যবহার
একটি আইডি এট্রিবিউট হল কোন এইচটিএমএল এলিমেন্টের জন্য নির্ধারিত একটি সতন্দ্র নাম। আইডি এট্রিবিউটের মান অর্থাৎ নামটি একদম ইউনিক হতে হয়। আইডি ব্যবহার করে কোন নির্দিষ্ট এইচটিএমএল এলিমেন্টে সিএসএস বা জাভাস্ক্রিপ্টের কাজগুলো সুনির্ধারিত ভাবে নির্ধারণ করে সম্পন্ন করা যায
উদাহরনঃ
<style>
#myHeader {
background-color: silver;
color: teal;
padding: 40px;
text-align: center;
}
</style>
<h1 id="myHeader">My Header</h1>
Class -একাধিক এইচটিএমএল এলিমেন্টে একই রকম স্টাইল কোড ব্যবহার করার জন্য এইচটিএমএল class এট্রিবিউট ব্যবহার করা হয়। ক্লাস সিলেক্টর ব্যবহার করে কোন একই ক্লাস যুক্ত একাধিক এইচটিএমএল এলিমেন্টে সিএসএস স্টাইল কোড বা জাভাস্ক্রিপ্ট কোড ব্যবহার করা যায়।
ক্লাস ব্যবহার পদ্ধতি
সিএসএস এ ক্লাস ব্যবহার করতে হলে একটি ডট ছিনহ ( . ) ব্যবহার করতে হয় এবং তারপর ক্লাসের নাম লিখতে হয়। তারপর ঐ এলিমেন্টের সিএসএস স্টাইল কোড গুলো class name এর পরে এক্তি ২য় বন্ধনীর মাঝে লেখা হয়। নিচে ের উদাহরণ দেখুন
উদাহরনঃ
<style>
.city {
background-color: tomato;
color: black;
padding: 15px;
}
</style>
<h2 class="city">Delhi</h2>
<p>Delhi is the capital of India.</p>