Google Play badge

gipermatnni belgilash tili


Gipermatn belgilash tili (HTML)

HTML Hypertext Markup Language degan ma'noni anglatadi. Bu veb-brauzerda ko'rsatish uchun mo'ljallangan hujjatlar uchun standart belgilash tilidir. HTMLga Cascading Style Sheets (CSS) kabi texnologiyalar va JavaScript kabi skript tillari yordam berishi mumkin.

Veb asosi

Asosan, internet global miqyosda ulangan kompyuterlarning keng tarmog'idir. Ushbu tarmoq bilan o'zaro aloqa qilishning asosiy usuli - bu Internet orqali kirish mumkin bo'lgan o'zaro bog'langan gipermatnli hujjatlar tizimi - World Wide Web (WWW). WWW ning markazida HTML-da yozilgan hujjatlar bo'lgan veb-sahifalar joylashgan. HTML saytlarning asosiy tuzilishini ta'minlaydi, keyinchalik ular CSS va JavaScript kabi boshqa texnologiyalar tomonidan yaxshilanadi va o'zgartiriladi.

HTML hujjatlari tuzilishi

HTML hujjati burchakli qavslar ichiga olingan elementlar bo'lgan ichki teglar to'plamiga muvofiq tuzilgan. Ushbu teglar veb-brauzerga kontentni qanday ko'rsatishni aytadi. Oddiy HTML hujjat tuzilishiga misol:

 <!DOCTYPE html>
<html>
    <head>
        <title>Sahifa sarlavhasi</title>
    </head>
    <tana>
        <h1>Bu sarlavha</h1>
        <p>Bu paragraf.</p>
    </body>
</html>

Ushbu kod sarlavha, sarlavha va matnning paragrafiga ega asosiy veb-sahifani belgilaydi.

HTML elementlari va teglari

HTML hujjatlari HTML elementlaridan tashkil topgan. Har bir element boshlang'ich teg, ba'zi kontent va tugatish tegi bilan ifodalanadi. Elementning boshlanish va tugatish teglari bir xil, faqat yakuniy teg element nomidan oldin qiyshiq chiziqni o'z ichiga oladi.

Masalan, <code><p></code> tegi matnning paragrafini qamrab oladi va u quyidagicha tuzilgan:

 <p>Bu paragrafga misol.</p>

Turli xil elementlar turli maqsadlarga xizmat qiladi. Masalan; misol uchun:

Atributlar

HTML elementlari elementlar haqida qo'shimcha ma'lumot beruvchi atributlarga ega bo'lishi mumkin. Atributlar elementning boshlang'ich tegiga joylashtiriladi va ko'pincha <code>name="value"</code> kabi nom/qiymat juftliklarida beriladi.

Masalan, rasmni joylashtirish uchun biz rasmning URL manzilini belgilash uchun <code><img></code> tegidan <code>src</code> (manba) atributidan foydalanamiz:

 <img src="url to image.jpg" alt="Rasm tavsifi">

<code>alt</code> atributi, agar uni ko'rsatib bo'lmasa, rasm uchun muqobil matn beradi.

Havolalar va navigatsiya

<code><a></code> tegidan foydalanish Internetning o'zaro bog'liqligi uchun asos bo'lgan giperhavolalarni yaratadi. Giperhavola boshqa veb-sahifaga, xuddi shu sahifadagi boshqa bo'limga yoki hatto yuklab olinadigan faylga havola qilishi mumkin. Masalan:

 <a href="https://example.com">Example.com saytiga tashrif buyuring</a>

Bu <code>https://example.com</code> ga havola yaratadi.

Ro'yxatlar

HTML ro'yxatlar yaratish uchun elementlarni taqdim etadi. Ro'yxatlarning ikkita asosiy turi mavjud:

Ro'yxatdagi har bir element <code><li></code> (ro'yxat elementi) tegi ichiga kiritilgan.

HTML5

HTML5 standartning so'nggi evolyutsiyasi bo'lib, multimedia va interaktiv hujjatlarga zamonaviy ehtiyojlarni aks ettiruvchi ko'plab yangi xususiyatlarni taqdim etadi. Bularga yangi strukturaviy elementlar (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) kiradi. , grafik elementlar (chizish uchun <code><canvas></code>, kengaytiriladigan vektor grafiklari uchun <code><svg></code>) va media elementlari (<code><audio></code> va <code ><video></kod>).

Semantik HTML

Semantik HTML veb-sahifalardagi ma'lumotlarning semantikasini yoki ma'nosini mustahkamlash uchun HTML belgilaridan foydalanishni anglatadi. Elementlarning qanday ko'rinishini yoki o'zini tutishini aniqlashning o'rniga (bu CSS va JavaScript uchun ish), semantik HTML tarkibning tuzilishi va turini aniq tasvirlaydi. Masalan, <code><article></code> tegi ichidagi kontent maqola ekanligini bildirsa, <code><nav></code> tegi navigatsiya menyusini bildiradi.

Semantik HTML-dan foydalanish veb-kontentga kirish va qidirish imkoniyatini yaxshilaydi, bu esa uni yanada qulayroq va kashf qilish imkonini beradi.

Xulosa

HTML - bu World Wide Web tarmog'ining asosiy texnologiyasi bo'lib, veb-sahifalar uchun asosiy tuzilmani ta'minlaydi. Teglar, atributlar va elementlardan foydalanish orqali HTML tuzilgan hujjatlarni yaratishga imkon beradi. HTMLni tushunish va undan foydalanish orqali Internetda oddiy matnli hujjatlardan tortib murakkab interaktiv multimedia tajribalarigacha bo'lgan keng ko'lamli tarkibni yaratish mumkin. Veb-ishlab chiqish uchun asos sifatida HTML tilini o'zlashtirish veb uchun dizayn yoki ishlab chiqmoqchi bo'lgan har bir kishi uchun juda muhimdir.

Download Primer to continue