HTML o‘quv dasturi
Kirish
W3Schools HTML darsligi keng qamrovli va yangi boshlovchilarga qulay.
U sizga HTML bo‘yicha asosiy bilimlarni beradi.
U yangi boshlovchilar uchun mo‘ljallangan va dasturlash bo‘yicha oldindan tajriba talab qilmaydi.
Mazmun mayda bo‘laklarga ajratilgan, oddiy va tushunarli bo‘lishi uchun ehtiyotkorlik bilan tayyorlangan.
Mazmun yillar davomida millionlab foydalanuvchilar tomonidan sinovdan o‘tgan. U tez-tez yangilanadi va yaxshilanadi.
Dastur konspekti va uning ketma-ketligi sizga HTML’ni kirishdan HTML bilan birinchi ilovangizni yaratishgacha bosqichma-bosqich o‘rganishingiz uchun tuzilgan.
O‘quv natijalari
- HTML hujjatining asosiy tuzilmasini tushunish.
- HTML teglaridan foydalanish (masalan, sarlavhalar, paragraflar, rasmlar va havolalar).
- Tartiblangan va tartiblanmagan ro‘yxatlarni yaratish va formatlash.
- Elementlarni tahrirlash uchun atributlarni qo‘llash (masalan, ranglar, o‘lchamlar, havolalar).
- Jadvallar va formalarni yaratish.
- Veb-saytga rasmlar va videolar kabi multimediani qo‘shish.
- Yaxshi tuzilgan veb-sayt uchun semantik teglardan foydalanish.
- Saytlarni bog‘lash uchun giperhavolalar yaratish.
- Matn, rasmlar va havolalar bilan kirish imkoniyati qulay (accessible) veb-saytlar yaratish.
Eslatma: HTML dan dars berasizmi? W3Schools Academy — dars berishda yordam beradigan vositalar to‘plami. U tayyor o‘quv rejalari, sinfni boshqarish va boshqa ko‘plab imkoniyatlarni taklif etadi. Academy haqida bu yerda batafsil o‘qing.
HTML qaysi fanlar uchun dolzarb?
- Veb-sahifalar:
HTML — veb-sahifalar yaratish uchun standart belgilash tili. - Kompyuter fanlari (CS) / Axborot texnologiyalari (IT):
HTML internet, veb-dasturlash va dasturlashni tushunishda asosiy hisoblanadi. - Raqamli media:
Matn, suratlar va boshqa medialar HTML yordamida raqamli platformalarga qo‘shilishi mumkin, bu mazmun yaratish va boshqarish uchun zarurdir. - Biznes / Tadbirkorlik:
Veb-sayt yaratishni bilish internet bilan bog‘liq loyihalar uchun foydali. - San’at va dizayn:
HTML veb-dizayn, ijodkorlik va vizual aloqa g‘oyalarini qo‘llab-quvvatlaydi, ularning hammasi veb-dizaynning bir qismi. - STEM (Fan, Texnologiya, Muhandislik, Matematika):
HTML bilan veb-sahifalar qurish STEM loyihalarida texnologiya integratsiyasining bir qismi bo‘lib, mantiqiy fikrlash va muammolarni hal qilishni o‘rgatadi. - Kasb va texnik ta’lim (CTE):
HTML kasbiy yo‘naltirilgan kurslar, ayniqsa veb-dasturlash, IT qo‘llab-quvvatlash va raqamli marketing bilan bog‘liq kurslar o‘quv rejasining bir qismi.
Activities
Bu darslikda sizga HTML’ni bepul o‘rganish uchun turli faoliyatlarni taklif qilamiz:
Natijalaringizni kuzatish uchun tizimga kiring
Shuningdek, farovonligingizni kuzatish uchun akkaunt yaratasiz.
Kirgan foydalanuvchi sifatida siz quyidagi xususiyatlarga ega bo‘lasiz:
- O‘qish yo‘llari
- Sandbox va laboratoriya muhitlari
- Yutuqlar
- Va yana ko‘plari!
Modullar umumiy ko‘rinishi
- HTML bosh sahifa
- HTML kirish
- HTML tahrirlovchilari
- HTML asoslari
- HTML elementlar
- HTML atributlari
- HTML sarlavhalar
- HTML paragraflar
- HTML uslublar
- HTML formatlash
- HTML iqtibos elementlar
- HTML izohlar
- HTML ranglar
- HTML CSS
- HTML havolalar
- HTML rasmlar
- HTML sahifa sarlavhasi
- HTML Favicon
- HTML jadvallar
- HTML ro‘yxatlar
- HTML blok va inline
- HTML div elementi
- HTML class atributi
- HTML id atributi
- HTML ifreym
- HTML JavaScript
- HTML fayl yo‘llari
- HTML head elementi
- HTML maket
- HTML moslashuvchanlik
- HTML kompyuter kodi
- HTML semantika
- HTML kod yozish qo‘llanmasi
- HTML entitetlar
- HTML belgilar
- HTML emojilar
- HTML belgilar to‘plami
- HTML URL kodlash
- HTML va XHTML
- HTML formalari
- HTML forma atributlar
- HTML forma elementlari
- HTML kirish turlari
- HTML kirish atributlari
- HTML kirish forma atributlari
- HTML Canvas
- HTML SVG
- HTML Media
- HTML Video
- HTML Audio
- HTML plug-inlar
- HTML YouTube
- HTML geolokatsiya
- HTML sudrab tashlash (Drag/Drop)
- HTML veb-saqlash
- HTML Web Workers
- HTML SSE
Sandbox va laboratoriya muhiti
HTML boshqa har qanday kodlash tili singari kod bilan amaliy ishlash orqali eng yaxshi o‘rganiladi.
Kodni bizning "O‘zingiz sinab ko‘ring" tahrirlovchisi bilan oson sinab ko‘ring.
Bu yerda siz HTML kodini tahrirlab, natijani ko‘rishingiz mumkin:
Misol
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Ko‘proq o‘rganmoqchi va loyihangizni hosting qilmoqchi bo‘lsangiz, bizda Spaces nomli xususiyat bor, u statik veb-saytlarni bepul qurish, sinash va joylashtirish imkonini beradi.
Bu yerda siz Spaces nomli xavfsiz sandbox muhitini olasiz, unda kodlashni mashq qilishingiz va loyihalarni real vaqtda sinashingiz mumkin.
Spaces kodni sinash, qurish va joylashtirish imkonini beradi. Bunga W3Schools subdomeni, hosting va xavfsiz SSL sertifikatlari kiradi.
Spaces o‘rnatishni talab qilmaydi va brauzerda to‘g‘ridan-to‘g‘ri ishlaydi.
Xususiyatlar:
- Hamkorlik
- File navigator
- Terminal & log
- Package manager
- Database
- Environment manager
- Analytics
HTML sertifikatlash
W3Schools yo‘l yakuni sertifikatlash dasturini taklif etadi.
Bu yerda sertifikat olish uchun imtihon topshirishingiz mumkin.
HTML imtihoni — W3Schools HTML dasturini qamrab oladigan test.
Imtihondan o‘tgandan so‘ng siz "Certified HTML Developer" (sertifikatlangan HTML dasturchisi) sertifikatini olasiz.
Ikki xil sertifikat turi bor:
- Moslashuvchan bo‘lmagan (non-adaptive)
- Moslashuvchan (adaptive)
Moslashuvchan bo‘lmagan — o‘tdi yoki o‘tmadi.
Moslashuvchan sertifikat moslashuvchan va baholanadi; talabalar o‘rta, ilg‘or va professional darajalaridan baho oladilar.
O‘qituvchimisiz?
W3Schools Academy yordamida HTML’ni qanday o‘qitishni o‘rganishga qiziqyapsizmi?
W3Schools Academy demosini ko‘ring. U qanday ishlashini ko‘rasiz va dasturlashni o‘qitishni qanday osonlashtirishi va qiziqarli qilishini bilib olasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!