> For the complete documentation index, see [llms.txt](https://cyberacademyuz.gitbook.io/w3schools/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cyberacademyuz.gitbook.io/w3schools/html/boshlash/klasslar.md). # Klasslar HTMLning class atributi HTML elementlarini sinflarga ajratish uchun ishlatiladi. Bir nechta elementlar bir xil class nomga ega bo'lishi mumkin. {% hint style="warning" %} Class ni sinf deb atash o'zbek dasturchilar o'rtasida tarqalmagani va o'zbek auditoriyasida ham class deb tanilgani sababli mavzularni tarjima qilishda sinf so'zi ishlatimaydi. {% endhint %} ## `class` attributidan foydalanish Class atributi ko'pincha CSS-da class nomini ko'rsatish uchun ishlatiladi. Bundan tashqari, u class-ga ega elementlarga JavaScript orqali tasir qilish va ularni boshqarish uchun ishlatilishi mumkin. Quyida "`city`" nomli class atributlari mavjud bo'lgan 3ta `
` elementini misol qilib keltirdik. Barcha 3-ta `
` elementlarining stillari `` qismdagi `city` ga berilgan stillarga teng bo'ladi. ```html

London

London is the capital of England.

Paris

Paris is the capital of France.

Tokyo

Tokyo is the capital of Japan.

``` {% embed url="" %} Quyida "note" nomli class atributlari mavjud bo'lgan 2ta `` elementini misol qilib keltirdik. Barcha 2-ta `` elementlarining stillari \ qismdagi `.note` ga berilgan stillarga teng bo'ladi. ```html

My Important Heading

This is some important text.

``` {% embed url="" %} {% hint style="warning" %} **Maslahat:** `class` atributidan har qanday HTML elementida foydalanish mumkin. **Eslatma:** Class nomi katta kichik harfga qarab farq qiladi **Maslahat:** Bizning CSS o'quv qo'llanmamiz orqali CSS hqida ko'proq narsa o'rganishingiz mumkin {% endhint %} ## Class uchun sintaksis CSS orqali `class` ga murojaat qilish uchun (.) nuqtadan keyin **class nomini** yozing keyin jingalak {} qavslar ichida CSS xususiyatlarini berishingiz mumkin. {% code title="" %} ```html

London

London is the capital of England.

Paris

Paris is the capital of France.

Tokyo

Tokyo is the capital of Japan.

``` {% endcode %} {% embed url="" %} ## Bir nechta classlar HTML elementlari bir nechta classlarga ega bo'lishi mumkin. Bir nechta class berish uchun class nomlarini bo'sh joy bilan ajratib yozing, misol uchun `
`. Element o'ziga berilgan barcha classlarga tegishli stillarni oladi. Ushbu misoldagi bitinchi `

` elementi `city` hamda `main` classlariga ega va u ikkala classga berilgan stillarni ham oladi: ```html

London

Paris

Tokyo

``` {% embed url="" %} ## Turli elementlar bir xil classga ega bo'la oladi Ushbu misoldagi `

` va `

` elementlari **"city"** nomli bir xil class-ga va bir xil stillga ega bo'lishadi: ```html

Paris

Paris is the capital of France

``` {% embed url="" %} ## Javascriptda class atributidan foydalanish Class nomlari JavaScript orqali ma'lum bir elementlar ustida turli vazifalarni amalga oshirish uchun ham ishlatilishi mumkin. JavaScriptning `getElementsByClassName()` metodi orqali ma'lum bir classga ega elementlarga tasir o'tkazishi mumkin: {% code title="" %} ```html ``` {% endcode %} ## Xulosa * HTMLning `class` atributi element uchun bir yoki bir nechta class nomini belgilaydi * Classlar CSS va Javascript orqali elementlarni tanlash va ularni boshqarish uchun ishlatiladi * Istalgan HTML elementda `class` atributidan foydalanish mumkin * Class nomi, harfning katta kichikligiga qarab farq qiladi * Turli HTML elementlari bir xil class nomiga ega bo'lishi mumkin * JavaScriptning `getElementsByClassName()` metodi orqali ma'lum bir classga ega elementlarga murojaat qilish mumkin