HTML misollari

HTML asoslari

HTML document HTML sarlavhalar HTML paragraflar HTML havolalar HTML rasmlar HTML tugmalari HTML ro‘yxatlar

Misollar tushuntirildi

HTML atributlari

title atributi href atributi width va height atributlari alt atributi Attribute without quotes Attribute without quotes does not work

Misollar tushuntirildi

HTML sarlavhalar

HTML sarlavhalar HTML gorizontal chiziqlar HTML head

Misollar tushuntirildi

HTML paragraflar

HTML paragraflar More HTML paragraphs HTML da satr uzilishlaridan foydalanish She’r bilan bog‘liq muammolar (HTML da formatlashdagi ayrim muammolar) <pre> tegi yordamida satr uzilishlari va bo‘sh joylarni qanday boshqarish mumkin

Misollar tushuntirildi

HTML uslublar

HTML uslublar HTML background color HTML text color HTML text font HTML text size HTML text alignment

Misollar tushuntirildi

HTML matnni formatlash

<b> elementi yordamida matnni qalin qilish <strong> elementi yordamida matnning muhimligini ajratib ko‘rsatish <i> elementi yordamida matnni kursiv qilish <em> elementi yordamida matnga urg‘u berish <small> elementi yordamida matnni kichikroq qilish <mark> elementi yordamida matnni ajratib belgilash <del> elementi yordamida matnni o‘chirilgan deb belgilash <ins> elementi yordamida matnni qo‘shilgan deb belgilash <del> va <ins> yordamida o‘chirilgan va qo‘shilgan matnni belgilash <sub> elementi yordamida quyi indeksni formatlash <sup> elementi yordamida yuqori indeksni formatlash

Misollar tushuntirildi

HTML da iqtiboslar va manbalarni ko‘rsatish

<q> elementi yordamida qisqa iqtiboslarni formatlash. <blockquote> elementi yordamida iqtibos keltirilgan bo‘limlarni formatlash. <address> elementi yordamida hujjat muallifi yoki egasi haqidagi ma’lumotni formatlash <abbr> elementi yordamida qisqartmalar va akronimlarni formatlash <cite> elementi yordamida asar nomini formatlash <bdo> elementi yordamida matn yo‘nalishini belgilash

Misollar tushuntirildi

HTML izohlar

Hidden comments Shartli izohlar Xatolarni tuzatish uchun izohlar

Misollar tushuntirildi

HTML CSS

HTML da element ichidagi CSS dan foydalanish HTML da ichki CSS dan foydalanish HTML da tashqi CSS dan foydalanish HTML da CSS yordamida shriftlarni belgilash HTML da id atributi orqali CSS dan foydalanish HTML da class atributi orqali CSS dan foydalanish HTML va CSS da chegaralar HTML va CSS da ichki bo‘shliq (padding) HTML va CSS da tashqi bo‘shliq (margin) HTML va CSS bo‘yicha to‘liq namoyish

Misollar tushuntirildi

HTML havolalar

Mutlaq URL yordamida havola yaratish Nisbiy URL yordamida havola yaratish Havolalar rangini o‘zgartirish Havolalar tagidagi chiziqni olib tashlash Havolaning target qiymatini o‘zgartirish Havola sifatidagi rasm Xatcho‘p (bookmark) havolasini yaratish Freymdan tashqarida ochiladigan havola mailto havolasi Mavzusi ko‘rsatilgan mailto havolasi

Misollar tushuntirildi

HTML rasmlar

Rasm Rasmning height va width qiymatlarini atributlar yordamida belgilash Rasmning height va width qiymatlarini CSS yordamida belgilash Rasmning height va width qiymatlarini ikkala usul yordamida belgilash Boshqa papkadagi rasm Havolasi buzilgan rasm Boshqa serverdagi rasm Rasmdan havola sifatida foydalanish Harakatlanuvchi rasm Bosiladigan sohalarga ega rasm xaritasi Suzuvchi (float) rasm

Misollar tushuntirildi

HTML jadvallar

Basic HTML tables Chegarali jadval Chegaralari birlashtirilgan jadval Kataklarida ichki bo‘shliq (padding) bo‘lgan jadval Sarlavhali jadval Sarlavhalari chapga tekislangan jadval Horizontal/Vertical table headings Nomlangan jadval Bir nechta ustunni egallagan jadval kataklari Bir nechta qatorni egallagan jadval kataklari Kataklari orasida bo‘shliq bo‘lgan jadval Ichida HTML teglari bo‘lgan jadval id yordamida turli uslub berilgan jadvallar I id yordamida turli uslub berilgan jadvallar II class yordamida turli uslub berilgan jadvallar I class yordamida turli uslub berilgan jadvallar II

Misollar tushuntirildi

HTML ro‘yxatlar

Tartibsiz ro‘yxat (standart) To‘liq doira belgili (disc) tartibsiz ro‘yxat Ichi bo‘sh doira belgili (circle) tartibsiz ro‘yxat Kvadrat belgili (square) tartibsiz ro‘yxat Markerlarsiz tartibsiz ro‘yxat Tartiblangan ro‘yxat (standart) Raqamlar bilan tartiblangan ro‘yxat Harflar bilan tartiblangan ro‘yxat Kichik harflar bilan tartiblangan ro‘yxat Rim raqamlari bilan tartiblangan ro‘yxat Kichik rim raqamlari bilan tartiblangan ro‘yxat Tavsiflar ro‘yxati Ichma-ich ro‘yxat I Ichma-ich ro‘yxat II Gorizontal ro‘yxat Gorizontal ro‘yxat menyusi

Misollar tushuntirildi

HTML blokli va satr ichidagi elementlar

<div> elementi <span> elementi <div> elementiga stil berish <span> elementiga stil berish

Misollar tushuntirildi

HTML div elementi

<div> elementlari yangi satrdan boshlanadi va ulardan keyin ham yangi satr boshlanadi <div> — konteyner sifatida <div> elementini markazga tekislash Bir nechta <div> elementlar Floating <div> elements <div> elementlarini display:inline-block yordamida joylashtirish <div> elementlarini display:flex yordamida joylashtirish <div> elementlarini display:grid yordamida joylashtirish

Misollar tushuntirildi

HTML klasslari

Ko‘rsatilgan class nomiga ega barcha elementlarga uslub berish JavaScript yordamida ko‘rsatilgan class nomiga ega elementlarga murojaat qilish Multiple classes Same class, different tag

Misollar tushuntirildi

HTML Id

Muayyan id ga ega elementga uslub berish class va id o‘rtasidagi farq JavaScript yordamida muayyan id ga ega elementga murojaat qilish

Misollar tushuntirildi

HTML maket

float yordamida sahifa maketini yaratish flexbox yordamida sahifa maketini yaratish flexbox yordamida sahifa maketini yaratish 2 flexbox yordamida sahifa maketini yaratish 3

Misollar tushuntirildi

HTML iframe

Inline frame (HTML sahifa ichidagi freym)

Misollar tushuntirildi

HTML head elementlari

<html>, <body va <head> teglari yozilmagan, ammo to‘g‘ri tuzilgan HTML hujjati <head> elementisiz ham to‘g‘ri tuzilgan HTML hujjati <title> elementi hujjat sarlavhasini belgilaydi <style> elementi uslub haqidagi ma’lumotlarni o‘z ichiga oladi <link> elementi tashqi resurs bilan bog‘lanishni belgilaydi <meta> elementi maxsus metama’lumotlarni belgilaydi <script> elementi mijoz tomonida bajariladigan JavaScript kodini belgilaydi <base> elementi barcha URL manzillari uchun asosiy URL ni belgilaydi

Misollar tushuntirildi

HTML skriptlari

Insert a script <noscript> tegidan foydalanish

Misollar tushuntirildi

HTML kompyuter kodi elementlari

<kbd> elementi yordamida klaviaturadan kiritiladigan matnni formatlash <samp> elementi yordamida kompyuter chiqargan natijani formatlash <code> elementi yordamida dastur kodini formatlash Bo‘sh joylar va satr uzilishlarini saqlagan holda dastur kodini formatlash <var> elementi yordamida o‘zgaruvchini formatlash

Misollar tushuntirildi

HTML formalari

Matn kiritish maydoniga ega forma Radio tugmali forma Matn maydonlari va yuborish (submit) tugmasiga ega forma name atributisiz matn maydonlariga ega forma Grouping Form Data

Misollar tushuntirildi

HTML forma elementlari

Oddiy ochiluvchi ro‘yxat Oldindan tanlangan qiymatga ega ochiluvchi ro‘yxat Textarea (ko‘p qatorli matn kiritish maydoni) Input tugmasi <datalist> elementidan foydalanish <output> elementidan foydalanish

Misollar tushuntirildi

HTML kirish turlari

Input turi — text Input turi — password Input turi — radio Input turi — checkbox Input turi — button number turidagi kiritish maydoni — cheklovlar bilan number turidagi kiritish maydoni — qadam oralig‘i bilan date turidagi kiritish maydoni — sana tanlash vositasi bilan date turidagi kiritish maydoni — cheklovlar bilan color turidagi kiritish maydoni — rang tanlash vositasi bilan Input turi — range Input turi — month Input turi — week Input turi — time Input turi — datetime-local Input turi — email Input turi — search Input turi — tel Input turi — url

Misollar tushuntirildi

HTML kirish atributlari

autocomplete atributi Novalidate atributi autofocus_attribute atributi form atributi formaction atributi formenctype atributi formmethod atributi formnovalidate atributi formtarget atributi height va width atributlari list atributi min va max atributlari multiple atributi pattern atributi placeholder atributi required atributi step atributi

Misollar tushuntirildi

HTML Canvas grafikasi

JavaScript yordamida canvas ustiga chizish lineTo() yordamida chiziq chizish arc() yordamida doira chizish fillText() yordamida matn chizish strokeText() yordamida matn konturini chizish Chiziqli gradient chizish Doiraviy gradient chizish drawImage() yordamida rasm chizish

Misollar tushuntirildi

HTML SVG grafikasi

SVG doira SVG to‘rtburchak SVG Rounded Rectangle SVG yulduz SVG Logo

Misollar tushuntirildi

HTML media

Play Bunny Ayiq haqidagi videoni controls orqali boshqaruv tugmalari bilan ijro etish Ayiq haqidagi videoni autoplay yordamida avtomatik ijro etish Ot ovozini controls orqali boshqaruv tugmalari bilan ijro etish

Misollar tushuntirildi

HTML geolokatsiya

Get geolocation coordinates Handle geolocation errors Geolokatsiyani olish va joylashuvni kuzatish

Misollar tushuntirildi

HTML mahalliy xotira (Local Storage)

Ismni doimiy saqlash Hisoblagichni doimiy saqlash Hisoblagichni bitta seans davomida saqlash

Misollar tushuntirildi

HTML media

Video faylni ijro etish HTML da audio faylni ijro etish HTML da YouTube videosini ijro etish

Misollar tushuntirildi

Ko‘proq HTML misollari

HTML da sudrab tashlash HTML web workers HTML server sent events

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish