Otabek Qoroboyev A’zamali o‘g‘li
Ushbu kitobda keltirilgan rasmlar mualiflik huquqi mavjud, bu ta’lim maqsadida yaratilgan kitob. Ushbu kitobda keltirilgan ma’lumotlar to‘g‘ri ekanligi kafolatlanmaydi. Fikr-mulohaza uchun [email protected]
HTML-5 bo‘yicha o‘quv qo‘llanma
Annotatsiya:
HTML5 — veb-sahifalarni bu veb-sayt uchun eng yangisi. HTML (Hypertext Markup Language) versiyasidir. HTML5 veb-ilovalarini olishda zamonaviy texnologiyalarni qo‘llash foydalanuvchi interfeysini yaxshilash va web-sahifalarni interaktiv qilish uchun ko‘plab yangi narsalarni taqdim etadi.
HTML boshlanishi 1.0 (Hello World 1.1)
Kirish.
HTML qisqartmasining kengaytirilgan ma’nosi Gipermatnli Belgilash Tili (Hyper Text Markup Language) degan ma’noni anglatib, asosan Internetda foydalaniladi va web sahifalar yaratishga xizmat qiladi.
Qisqacha tarixiga nazar tashlaydigan bo‘lsak, HTMLga Bernars Lee degan odam 1991-yilda asos solidi, biroq 1995-yilda ishlab chiqilgan “HTML 2.0” HTMLning birinchi standart talqini sifatida qabul qilingan. HTML 4.01 HTML ning HTML ning eng katta versiyasi hisoblanadi va u 1999-yilning oxirida yaratildi. HTML 4.01 versiyasidan biz keng foydalanib kelmoqdamiz, biroq hozirda bizda HTML 4.01 versiya asosida ishlab chiqilgan HTML 5 versiyasi ham bor va unga 2012-yilda asos solingan.
HTML bazan dasturlash tili ham deb ataladi, lekin bu aniq bir mantiqqa ega emas.
Elementlar odatda ochilish tegidan yopilish tegi iborat bo ‘ladi va ular burchakli qavslar bilan o ‘ralgan element nomi va ular orasidagi tarkibga bog ‘liqdir: tarkibi
Ba’zi HTML elementlari mavjud bo ‘lib ularda yopiluvchi teg yoki hech qanday mazmunga ega emas. Ular bo ‘sh elementlar deb ataladi, Bular
, va kiradi.
Keling teg ajratish ko ‘rib chiqamiz
tegi umumiy paragrafni ifodalaydi. Elementlar aytganimizdek ochiluvchi hamda yopiluvchi teglari mavjud bo ‘ladi, Ochiluvchi teg aytganimizdek faqat burchakli qavsni o ‘z ichiga oladi. Yopilish tegi ochilish tegi bilan bir xil bo ‘lib orasidan oldin qiyshiq (/) chiziq chiziladi
. Keyin esa paragraph ichiga qiymat yoziladi:
Bu yerda paragraph matn
Oddiy sahifa yaratish
Quydagi HTML misoli oddiy “Hello world” sahifasini yaratadi, Faylni istalgan muharrir yordamida yaratishingiz mumkin misol men Sublime textda yarataman, faylni saqlash tartibi fayl nomi hamda .html yoki .htm (misol uchun index.html yoki index.htm) kengaytmasi bilan saqlash kerak.
Natija
Agar sizni brawseringizda huddi shunday oyna ochilsa tabriklaymiz siz birinchi dasturingizni yozdingiz.
Teg | Tarifi |
| Hujjatda ishlatilagan HTML versiyasini bergilaydi, bu esa HTML5 versiyasini anglatadi |
| Bu sahifa ochilishi, yopilishi esa sahifa yopilgandan keyin hech qanday ma’lumot yozilmaydi |
| Asosiy bravser oynasida ko ‘rinmaydigan qism, lekin o’ziga qabul qilgan tegi malumotlarini ochadi va o‘ziga bundan tashqari , larni o ‘zi ichiga oladi |
| Bravserdagi hujjati haqida bazi ma’alumotlarni beradi. Charset atributi belgisini e’lon qiladi, Zamonaviy HTML hujjatida doimo UTF-8 dan foydalanishi kerak. |
| Sahifaning sarlavhasi, bu yopilish tegi hisoblanadi. Bu tegga kiritilgan ma’lumot bravser sarlavhasida ko‘rinadi. |
| Bu hujjatning tana qismi bo‘lib bunda yozilgan ma’lumotlar (video, rasm) foydalanuvchilarga ko‘rinadi. |
- bu matni 1-darajadagi ko ‘rinishi
- bu umumiy parapraph ifodalaydi
Doctaype
Doctypes - brauzerlarga hujjat yozilgan HTML versiyasini tushunishga yordam beradi yaxshiroq talqin qilish uchun. Doctype deklaratsiyasi HTML teglari emas va hujjatning eng yuqori qismida joylashgan. Bu mavzu HTMLda turli doktiplarning tuzilishi va deklaratsiyasini tushuntiradi.
deklaratsiyasi har doim HTML hujjatining yuqori qismida, tegidan oldin kiritilishi kerak.
Version ≥ 5
Yozilishi tarkibi:
Xato yozilishi turlari:
Heading
HTML nafaqat oddiy paragraf teglarini, balki har xil o ‘lchamdagi sarlavhalarni ko‘rsatish uchun oltita alohida sarlavha teglarini taqdim etadi. 1 sarlavhadan 6 gacha sarlavha sifatida sanab o‘tilgan, birinchi sarlavha sarlavhadagi eng katta va eng qalin matnga ega. Oltinchi paragraf darajasi kabi va eng kichik va eng nozik.
- bu eng katta sarlavha
- eng kichik sarlavha
Dasturlash muhitiga bu kodni yozing.
Agar sizning bravseringizda huddi shunday oyna chiqsa siz kodni tog ‘g ‘ri bajardingiz.
Qidiruv mexanizmlarida yoki boshqa foydalanuvchi agentilarida odatda sarlavha elementlari asosida sahifa elementarini indekislaydi, shuning uchun sarlavhani to ‘g ‘ri tuzish muhim ahamiyatga ega.
Umuman olganda sayt oynasida asosiy oyna uchun bitta elementi va keyin elementlari bo ‘lishi kerak.
Agarda yuqorida elementi mavjud bo ‘lsa, keying elementlarda elementini bajarmaslik maqsadga muofiq.
Paragraph
- paragraph sahifasi
- bir qatorli uzun chiziq
- formatlangan matn belgilaydi
Paragraph HTMLda eng asosiy qism bo ‘lib, ushbu mavzudagi parapraphdan foydalaniladi va ko ‘rsatiladi