HTML деген эмне?

HTML (HyperText Markup Language) — бул веб-баракчаларды түзүү үчүн стандарттык белгилөө тили. Ал тег деп аталган атайын элементтерди колдонуу менен веб-баракчанын түзүлүшүн сүрөттөйт..

📘 Жөнөкөй сөз менен айтканда: HTML - бул веб-баракчанын скелети же алкагы. Ал аталыштын, тексттин, сүрөттөрдүн жана шилтемелердин жайгашкан жерин аныктайт, бирок алардын сырткы көрүнүшү үчүн жооптуу эмес.

HTML кантип иштейт?

Браузерде веб-баракчаны ачканда, браузер HTML кодун окуп, аны даяр барак катары көрсөтөт. HTML браузерге айтат:

Ар кандай деңгээлдеги аталыштар кайда
Тексттин абзацтары кандайча уюштурулган
Сүрөттөр кайда жайгашкан?
Кайсы элементтер шилтеме болуп саналат
Тизмелер жана таблицалар кандайча түзүлөт

Негизги HTML барагынын мисалы

                <!-- Бул HTMLдеги комментарий -->

                <!DOCTYPE html> - документтин түрүн жарыялоо

                <html lang="ru">

                  <head>

                    <!-- Кызматтык маалымат -->

                    <meta charset="UTF-8">

                    <title>Менин биринчи баракчам</title>

                  </head>

                  <body>

                    <!-- Көрүнгөн барактын мазмуну -->

                    <h1>Салам дүйнө!</h1>

                    <p>Бул менин биринчи HTML баракчам..</p>

                  </body>

                </html>

Негизги HTML түшүнүктөрү

1. Теги (Tags)

Тегдер HTMLдин негизги курулуш материалы болуп саналат. Алар бурчтуу кашаалардын ичинде камтылган. < >.

Тег түрү	Мисал	Баяндоо
Жупташкан тэгдер	`<h1>Аталышы</h1>`	Ачуу жана жабуу теги бар
Жалгыз теги	`<img src="photo.jpg">`	Жабуу теги жок

2. Атрибуттар (Attributes)

Атрибуттар элемент жөнүндө кошумча маалымат берет.:

                <a href="https://example.com" target="_blank" class="link">

                  Перейти на сайт

                </a>

3. Элементтер (Elements)

Элемент = ачылыш теги + мазмун + жабуу теги.

Популярдуу HTML элементтери

Элемент	Баяндоо	Колдонуу
`<h1> - <h6>`	Аталыштар	Ар кандай маанидеги аталыштар
`<p>`	Абзац	Текстеги абзацтар
`<a>`	Ссылка	Башка барактарга гипершилтемелер
`<img>`	Сүрөт	Сүрөттөрдү киргизүү
`<ul>, <ol>, <li>`	Тизмелер	Белгиленген жана номерленген тизмелер
`<div>`	Блок	Башка элементтер үчүн контейнер

HTMLдин веб-иштеп чыгуудагы мааниси

🎯 Факт: W3Techs статистикасына ылайык, HTML бардык веб-сайттардын 100% тарабынан колдонулат. HTML болбосо, интернетте бир дагы веб-сайт жок!

HTML важен потому что:

Бул интернеттин негизи - бардык браузерлер HTML түшүнүшөт
Жеткиликтүүлүк - мүмкүнчүлүгү чектелген адамдарга жардам берет
SEO оптималдаштыруу - Издөө системалары HTML белгилөө талдоо
Кросс-платформа - бардык түзмөктөрдө иштейт
Үйрөнүү оңой - бир нече сааттан кийин баштасаңыз болот

⚠️ Важно понимать: HTML мазмундун түзүлүшү жана семантикасы (мааниси) үчүн гана жооптуу. CSS сырткы көрүнүшүнө (түстөр, шрифттер, макет), ал эми JavaScript интерактивдүүлүк үчүн жооп берет.

1-сабак: HTML деген эмне?