HTML Misollar
HTML Asosiy
HTML Attributlar
- title attributi
- href attributi
- width va height attributlari
- alt attributi
- Attributsiz qo'shtirnoqsiz
- Qo'shtirnoqsiz attribut ishlamaydi
HTML Sarlavhalar
HTML Paragraf
- HTML paragraf
- Ko'proq HTML paragraf
- HTMLda satr uzilishidan foydalanish
- She'r muammolari (HTML formatlashdagi ba'zi muammolar)
- Satr uzilishi va bo'shliqlarni
<pre>teg bilan boshqarish
HTML Uslublar
- HTML uslublar
- HTML fon rangi
- HTML matn rangi
- HTML matn shriftlari
- HTML matn o'lchami
- HTML matn joylashuvi
HTML Matn Formatlash
<b>elementi bilan qalin formatlash<strong>elementi bilan kuchli formatlash<i>elementi bilan kursiv formatlash<em>elementi bilan urg'u formatlash<small>elementi bilan kichik formatlash<mark>elementi bilan belgilash<del>elementi bilan o'chirilgan matn<ins>elementi bilan qo'shilgan matn<del>va<ins>bilan o'chirilgan va qo'shilgan matn<sub>elementi bilan pastki indeks<sup>elementi bilan yuqori indeks
HTML Iqtibos va Citationlar
<q>elementi bilan qisqa iqtibos formatlash<blockquote>elementi bilan iqtibos bo'limlari<address>elementi bilan muallif/egani ko'rsatish<abbr>elementi bilan qisqartmalar va akronimlar<cite>elementi bilan asar nomini formatlash<bdo>elementi bilan matn yo'nalishini formatlash
HTML Izohlar
HTML CSS
- HTMLda inline CSS
- HTMLda ichki CSS
- HTMLda tashqi CSS
- HTMLda CSS shriftlar
- HTMLda CSS id attributi bilan
- HTMLda CSS class attributi bilan
- HTML va CSS borderlar
- HTML va CSS padding
- HTML va CSS margin
- HTML va CSS to'liq demo
HTML Havolalar
- Absolyut URL bilan havola
- Nisbiy URL bilan havola
- Havola rangini o'zgartirish
- Havoladan tagini olib tashlash
- Havola targetini o'zgartirish
- Rasmni havola sifatida ishlatish
- Xatcho'p havolasini yaratish
- Frame dan chiqadigan havola
- mailto havola
- mailto havola subject bilan
HTML Rasmlar
- Rasm
- Rasm balandligi va eni attributlar bilan
- Rasm balandligi va eni CSS bilan
- Rasm balandligi va eni ikkalasi bilan
- Boshqa papkada rasm
- Buzilgan havola bilan rasm
- Boshqa serverda rasm
- Rasmni havola sifatida ishlatish
- Harakatlanuvchi rasm
- Rasm xaritasi, bosiladigan hududlar bilan
- Suzuvchi rasm
HTML Jadval
- HTML jadval asoslari
- Chegarali jadval
- Chegaralari birlashtirilgan jadval
- Kataklar oraliqlari bilan jadval
- Sarlavhali jadval
- Chapga hizalanadigan sarlavhali jadval
- Gorizontal/vertikal sarlavhalar
- Jadval sarlavhasi bilan
- Bir nechta ustunni egallovchi kataklar
- Bir nechta qatorni egallovchi kataklar
- Kataklar oralig'i bilan jadval
- Jadvalda HTML teglar
- Id bilan turli uslubdagi jadval I
- Id bilan turli uslubdagi jadval II
- Class bilan turli uslubdagi jadval I
- Class bilan turli uslubdagi jadval II
HTML Ro'yxatlar
- Tartibsiz ro'yxat (default)
- Diskli tartibsiz ro'yxat
- Doirali tartibsiz ro'yxat
- Kvadratli tartibsiz ro'yxat
- Bulletsiz tartibsiz ro'yxat
- Tartibli ro'yxat (default)
- Raqamli tartibli ro'yxat
- Harfli tartibli ro'yxat
- Kichik harfli tartibli ro'yxat
- Rim raqamli tartibli ro'yxat
- Kichik rim raqamli tartibli ro'yxat
- Tavsifli ro'yxat
- Ichma-ich ro'yxat I
- Ichma-ich ro'yxat II
- Gorizontal ro'yxat
- Gorizontal menyu ro'yxati
HTML Block va Inline Elementlar
HTML Div Elementi
<div>elementlari satr uzilishi bilan keladi<div>konteyner sifatida<div>elementini markazga joylash- Bir nechta
<div>elementlari - Suzuvchi
<div>elementlari - display:inline-block bilan
<div>elementlarini joylash - display:flex bilan
<div>elementlarini joylash - display:grid bilan
<div>elementlarini joylash
HTML Classlar
- Berilgan class nomi bilan barcha elementlarni uslublash
- JavaScript yordamida class nomi bilan elementlarga murojaat qilish
- Bir nechta classlar
- Bir xil class, turli teglar
HTML Id
- Muayyan id bilan elementni uslublash
- Class va id o'rtasidagi farq
- JavaScript yordamida muayyan id bilan elementga murojaat qilish
HTML Joylashuvi
- Float yordamida joylashuv
- Flexbox yordamida joylashuv
- Flexbox yordamida joylashuv 2
- Flexbox yordamida joylashuv 3
HTML IFrame
HTML head Elementlari
- Hech qanday
<html>,<body>,<head>bo'lmagan HTML hujjat <head>elementi bo'lmagan HTML hujjat<title>elementi hujjat sarlavhasini belgilaydi<style>elementi uslub ma'lumotlarini o'z ichiga oladi<link>elementi tashqi resursga bog'lanishni belgilaydi<meta>elementi maxsus meta ma'lumotlarni belgilaydi<script>elementi mijoz tomon JavaScriptlarni belgilaydi<base>elementi barcha URLlar uchun asosiy URLni belgilaydi
HTML Scriptlar
HTML Kompyuter Kodelementlari
<kbd>elementi bilan klaviatura kiritilishini formatlash<samp>elementi bilan kompyuter chiqishini formatlash<code>elementi bilan dasturlash kodini formatlash- Bo'shliqlar va satr uzilishini saqlab dasturlash kodini formatlash
<var>elementi bilan o'zgaruvchini formatlash
HTML Formalar
- Matnli kirish maydoni bilan forma
- Radio tugmasi bilan forma
- Matn maydonlari va submit tugmasi bilan forma
- name attributisiz matn maydonlari bilan forma
- Form ma'lumotlarini guruhlash
HTML Forma Elementlari
- Oddiy drop-down ro'yxat
- Oldindan tanlangan qiymatli drop-down ro'yxat
- Textarea (ko'p qatorli matn kiritish maydoni)
- Input tugmasi
<datalist>elementidan foydalanish<output>elementidan foydalanish
HTML Input Turlari
- Input type text
- Input type password
- Input type radio
- Input type checkbox
- Input type button
- Input type number - cheklovlar bilan
- Input type number - qadamlar bilan
- Input type date - sana tanlash bilan
- Input type date - cheklovlar bilan
- Input type color - rang tanlash bilan
- Input type range
- Input type month
- Input type week
- Input type time
- Input type datetime-local
- Input type email
- Input type search
- Input type tel
- Input type url
HTML Input Attributlari
- autocomplete attributi
- novalidate attributi
- autofocus attributi
- form attributi
- formaction attributi
- formenctype attributi
- formmethod attributi
- formnovalidate attributi
- formtarget attributi
- height va width attributlari
- list attributi
- min va max attributlari
- multiple attributi
- pattern attributi
- placeholder attributi
- required attributi
- step attributi
HTML Canvas Grafika
- JavaScript yordamida canvasda chizish
- lineTo() bilan chiziq chizish
- arc() bilan doira chizish
- fillText() bilan matn chizish
- strokeText() bilan matn chizish
- Chiziqli gradient chizish
- Doirali gradient chizish
- drawImage() bilan rasm chizish
HTML SVG Grafika
HTML Media
- Bunny videoni ijro etish
- Bear videoni boshqaruvlar bilan ijro etish
- Bear videoni autoplay bilan ijro etish
- Horse audio boshqaruvlar bilan ijro etish
HTML Geolokatsiya
- Geolokatsiya koordinatalarini olish
- Geolokatsiya xatolarini boshqarish
- Geolokatsiyani olish va pozitsiyani kuzatish