HTML tilining tavsifi. HTML tilining qisqacha tavsifi HTML tili va undan foydalanish

HTML tilining asosiy tuzilmalari.

HTML (HyperText Markup Language) - veb-sahifalar yaratiladigan brauzer uchun maxsus ko'rsatmalar.

Ya'ni, Web sahifalar matn va maxsus HTML teglarini (deskriptorlarini) o'z ichiga olgan HTML formatidagi hujjatlardir. Umuman olganda, HTML teglari brauzer "tushunadigan" matnni formatlash (ya'ni, unga kerakli ko'rinish berish) uchun zarurdir. HTML hujjatlari kengaytmali fayllar sifatida saqlanadi. htm yoki. html.

HTML teglari brauzerga veb-sahifaning tuzilishi va formatlanishi haqida ma'lumot beradi. Har bir teg ma'lum bir ko'rsatmani o'z ichiga oladi va burchakli qavslar ichiga olinadi. Ko'pgina teglar ochilish va yopish qismlaridan iborat bo'lib, ichidagi matnga ta'sir qiladi.

HTML kod bilan tezroq tanishish uchun siz o'zingizga yoqqan sahifani "HTML sifatida" rejimida ko'rishingiz mumkin. Buning uchun brauzerda "Ko'rish" - "HTML sifatida" menyu bandini tanlashingiz kerak.

Shundan so'ng, HTML kodining manba matni bilan yangi oyna ochiladi. Tayyor HTML kodni ko'rish orqali siz til teglaridan tajribali dasturchilar tomonidan qanday qo'llanilishini bilib olasiz. Shuningdek, vaqti-vaqti bilan yuzaga keladigan turli muammolarni bartaraf etish usullaridan biridir.

Veb-sahifalar qanday yaratiladi

HTML tili veb-sahifaning ayrim elementlarini formatlash yoki maqsadini belgilash uchun ishlatiladigan teglar deb ataladigan maxsus buyruqlar to'plamini belgilaydi. Web-sahifalarda grafik tasvirlar, audio va videokliplar va boshqa o'rnatilgan deb ataladigan ob'ektlarni joylashtirish uchun maxsus teglardan foydalaniladi.

Ko'rinib turgan murakkabligiga qaramay, veb-sahifalar umuman murakkab emas. Bu standart bloknotda yoki shunga o'xshash oddiy matn muharririda yaratilgan oddiy matnli fayllar. Va ular matnni o'z ichiga oladi, siz sahifalarga joylashtirmoqchi bo'lgan xuddi shu matn, faqat maxsus tarzda belgilangan ...

HTML gipermatn belgilash tilini o'rganish juda oson. Uni o'rganishni har qanday lingvistik tilni o'rganish bilan taqqoslash mumkin. Agar, masalan, asosiy birlikda so'z bo'lsa, HTMLda bu minimal birlik teg hisoblanadi. Asosan, bu html veb-sahifasini belgilash tilidagi buyruqlardir. Har qanday veb-sahifa, har qanday sayt matn, grafik va hokazolardan iborat. Va bu quvonchlarning barchasi kichik va ko'zga tashlanmaydigan teglar tomonidan boshqariladi. Teglar matn va rasmlarni ma'nosiz tartibsizlik o'rniga qattiq tuzilgan tuzilmaga aylantiradi. Teglar tufayli saytdagi matn turli o'lchamlar va ranglar bilan tashrif buyuruvchini xursand qiladi, bu teglar ajoyib rasmlarni istalgan ekran o'lchamlari va brauzer oynasi o'lchamida ular uchun mo'ljallangan joyda turishga imkon beradi; Teglarning imkoniyatlari cheksiz, ularning soni juda katta

Qattiq ta'rif: teg - burchakli qavslar ichiga olingan matndan iborat HTML elementi. Teg - bu undan keyingi ma'lumotlarning taqdimotini o'zgartiruvchi faol element. Teg bir qancha atributlarga ega bo'lishi mumkin. Odatda ikkita teg ishlatiladi - ochish va yopish.

Brauzerga yuboriladigan har qanday HTML hujjati ba'zi kerakli qismlardan iborat bo'lishi kerak:

har bir hujjat hujjat HTML standartining qaysi versiyasiga mos kelishini ko'rsatadigan qatordan boshlanishi kerak (bizning holimizda biz HTML 4.01 dan foydalanamiz); keyin ildiz yorlig'i mavjud bo'lishi kerak va hujjatning oxirida u yopiq bo'lishi kerak; Keyinchalik teg bo'lishi kerak. U xizmat teglari, skriptlar va boshqalar uchun konteyner bo'lib xizmat qiladi, umuman olganda, u xizmat ma'lumotlarini saqlash uchun zarur; Va oxirgisi - bu teg, uning ichida to'g'ridan-to'g'ri sahifada ko'rsatiladigan barcha ma'lumotlar saqlanadi.

Shunday qilib, oddiy HTML hujjatning tuzilishi quyidagicha ko'rinadi:

HTML hujjat tuzilishi

- Hujjatning boshlanishi

Hujjat nomi

HUJJATNING MASASI

- Hujjatning oxiri

HTML elementlari

Koʻpchilik, lekin hammasi emas HTML teglari bir-biriga bogʻlangan boʻlib, ochilgan tegdan keyin tegishli yopilish tegi, ular orasida matn yoki boshqa teglar boʻladi, masalan:

Muqaddima

Bunday hollarda ikkita teg va ular bilan ajratilgan hujjat qismi HTML elementi deb ataladigan blokni tashkil qiladi. Ba'zi teglar, masalan, , o'z-o'zidan HTML elementlari bo'lib, ular uchun tegishli yakuniy teg noto'g'ri. Keyinchalik, kerakli burchakli qavslarni o'tkazib yuborgan holda teglarga nomlari bilan murojaat qilamiz.

Atributlar

Har bir teg uchun ko'plab mumkin bo'lgan atributlar aniqlanadi. Aksariyat teglar bir yoki bir nechta atributlarga ruxsat beradi, lekin atributlar umuman bo'lmasligi mumkin. Atribut spetsifikatsiyasi quyidagi tartibda quyidagilardan iborat:

atribut nomi, masalan, WIDTH, atribut qiymatining teng belgisi (=), "80" kabi belgilar qatori bilan belgilanadi.

Atribut qiymatini bitta tirnoq ("80") yoki qo'sh tirnoq ("80") yordamida qo'shtirnoq ichiga olish har doim yaxshi fikrdir. Kotirovka qilingan satr ichida tirnoq bo'lmasligi kerak. Shunday qilib, agar sana qo'sh tirnoq ichiga olingan bo'lsa, keyin uni qo'shtirnoq ichiga olish uchun bitta tirnoqdan foydalaning va aksincha. Ikkita tirnoq belgilari afzalroqdir, chunki inson ko'zi bitta qo'shtirnoqni urg'u kabi belgilardan farqlashda qiynalishi mumkin.

Bundan tashqari, faqat quyidagi belgilardan iborat bo'lgan atribut qiymatlari uchun tirnoqlarni tashlab qo'yishingiz mumkin (nomning texnik kontseptsiyasiga qarang):

Inglizcha belgilar (A - Z, a - z) raqamlar (0 - 9) vaqt oraliqlari defis (-)

Shunday qilib, WIDTH=80 va ALIGN=CENTER WIDTH="80" va ALIGN="CENTER" uchun qonuniy qisqartma hisoblanadi. URL manziliga havola, masalan, HREF=foo. htm qabul qilinadi, ammo URL atributlar bilan ishlatilsa, uni kotirovka qilish kerak, masalan, HREF="http://www. hut. fi/". Ba'zi brauzerlar mavjud bo'lib, ular qo'shtirnoq yoki ochilish tirnoqlari va yopilish tirnoqlari bo'lmagan elementlarga ruxsat beradi. Biroq, bu amaliyotni qo'llamaslik yaxshiroqdir.

Abzats, bo'sh joy belgilari, sarlavha yarating

Veb-brauzerlar odatda matnni shakllantirish bosqichida foydalanuvchi tomonidan kiritilgan yangi qator belgilarini hisobga olmaydilar. Yangi paragrafni boshlash uchun teg (teg) dan foydalaning.

Veb-brauzer oynasida sahifa ochilgandan so'ng, uning matnining barcha paragraflari teg (teg) bilan belgilanadi.

Bo'sh chiziqlar bilan ajratilgan, bu uning tartibini va ko'rinishini yaxshilaydi.

Odatiy bo'lib, brauzer odatda paragraflarni chapga tekislash bilan formatlaydi. Majburiy hizalanish uchun align atributidan foydalaning. Uning yordami bilan paragraflarni chapga, o'ngga, o'rtaga va tekislash mumkin.

Misol:

paragraf chapga tekislangan... paragraf o'ngga tekislangan ... paragraf markazga tekislangan... paragraf asosli ...

Brauzer ekrani: abzas hizalangan chap abzas chap abzas abzatsga tekislangan chap abzas paragrafga tekislangan chap abzas paragrafiga tekislangan chap abzas paragrafiga tekislangan chap abzas paragrafiga tekislangan. o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan o'ng paragrafga tekislangan. o'rtadagi paragrafga tekislangan o'rta paragrafga tekislangan paragraf markaziga tekislangan. paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan paragraf oqlangan.

Veb-brauzerlar paragraflar ichidagi matnni avtomatik ravishda yangi qatorga o'tkazadilar. Agar vazifa har qanday so'z birikmasini bir qatorga joylashtirish bo'lsa, u holda bu maqsadda teg (teg) ishlatiladi.

Yangi qatorga o'tish uchun teg (teg) dan foydalaning.
. U brauzerga matn va boshqa sahifa elementlarini joriy qatorga joylashtirishni to‘xtatish va yangi qatorga o‘tishni aytadi. Bu teg (teg) o'zining slash yorlig'iga ega emas, ya'ni yopish tegi (teg).

Ushbu teg(lar) ning asosiy qo'llanilishi ichki elementlarni sahifaning ma'lum bir joyiga joylashtirishga majburlashdir. Bu alohida sahifa elementlari orasidagi bo'sh joylarni ko'paytirish zarur bo'lgan hollarda ham qulaydir.

Veb-brauzerlar odatda sahifa matniga kiritilgan qo'shimcha bo'sh joy belgilarini e'tiborsiz qoldiradilar. Buning uchun   buyrug'idan foydalaning. Bu buyruq sahifa elementlari orasida, xoh grafik, xoh matn bo'lsin, bo'linmagan oq bo'shliq hosil qiladi. Ikki qo‘shni so‘z orasidagi bo‘sh joy o‘rniga   dan foydalanish ikkala so‘z ham brauzer oynasida turli qatorlarga joylashtirilmasligini ta’minlashini hisobga olishingiz kerak – ular doimo yonma-yon joylashgan bo‘ladi.

HTML - bu veb-saytlarni belgilash tili. Ko'pchilik buni dasturlash deb o'ylaydi, lekin unday emas. HTML hech qanday dasturlash tilida topilgan o'zgaruvchilar, hisoblar, massivlar va boshqa elementlarni o'z ichiga olmaydi.

HTML-dan foydalanib, dasturchi faqat saytning ko'rinishini yaratishi mumkin. Hech qanday veb-sayt belgilanmagan holda mavjud emasligini tushunish muhimdir. HTML veb-sahifalarni yaratish uchun asosdir. Boshqa barcha funktsiyalar turli dasturlash tillari tomonidan qo'shiladi.

HTML hujjat yaratish

Har qanday muharrirda oddiy veb-sayt sahifasini yaratishingiz mumkin. Hatto Notepad ham qiladi. Ajam ishlab chiquvchi uchun avtomatik almashtirish funktsiyalari va boshqa maslahatlarga ega bo'lgan boshqa muharrirlardan foydalanish tavsiya etiladi. Buning yordamida siz tayyor jadvallar, havolalar, rasmlar va boshqa elementlarni yaratishingiz mumkin. Lekin Notepad-da har bir harfni qo'lda yozishingiz kerak.

Qoida tariqasida, Notepad faqat qo'lda boshqa vositalar bo'lmagan hollarda qo'llaniladi. Birinchidan, matnli hujjat yaratiladi va keyin html formatida saqlanadi. Barcha sayt sahifalarida html kengaytmasi bo'lishi kerak.

HTML tili ierarxikdir. Ya'ni HTML hujjatining maxsus tuzilishi mavjud. Bu nima? Aniqlik uchun uni quyida ko'rib chiqamiz.

HTML hujjat tuzilishi. Misol

Tuzilishi har doim bir xil. Agar biror narsani o'zgartirmoqchi bo'lsangiz, brauzer uni qayta ishlay olmaydi. Natijada siz niyat qilgan narsangizga erisha olmaysiz.

Yuqoridagi rasmda har qanday html faylning tuzilishi ko'rsatilgan. Birinchi element fayl turini ko'rsatadi. Bu teg bir marta belgilanadi. Agar siz maxsus muharrirlardan foydalansangiz, butun tuzilma avtomatik ravishda yaratiladi. Siz standart qiymatlarni sozlashingiz kerak bo'ladi.

HTML hujjat tuzilishi - asosiy teglar:

Butun saytning ramkasi ushbu uchta tegdan iborat. Rasmga e'tibor bering. Ushbu teglarning barchasida "/" belgisi bilan yopish tegi mavjud. Agar siz qo'lda yozsangiz, ikkala tegni bir vaqtning o'zida qo'yishga odatlaning - ochish va yopish.

Yuqorida veb-sayt sahifalarida .html kengaytmasi borligi aytilgan edi. Ya'ni, agar siz matnli hujjat yaratsangiz, lekin to'g'ri kodni yozsangiz, brauzer hali ham sizga faqat matnni ko'rsatadi. Hech qanday kod konvertatsiyasi bo'lmaydi.

bosh qismi

3-band ostidagi rasmda bosh qismi ko'rsatilgan. Ushbu bo'limda xizmat ma'lumotlari mavjud. Masalan, siz kodlashni (4-band) va sahifa sarlavhasini (5-band) belgilashingiz mumkin.

Har doim sarlavha bo'lishi kerak. Busiz hech qanday qidiruv tizimi veb-sahifadagi kontent (matn) nomini aniqlay olmaydi. Va bu veb-sayt reklamasi uchun yomon. Bundan tashqari, brauzer yuqori qismida sahifa sarlavhasini ko'rsatmaydi. Bu foydalanuvchi uchun noqulaylik tug'diradi.

Html hujjatning tuzilishi shundayki, u faqat bosh qismida ko'rsatilgan. Agar teg tana qismida yoki undan keyin ko'rsatilgan bo'lsa, ishlov beruvchi unga e'tibor bermaydi.

Bundan tashqari, bosh qismida skriptlarni, uslub fayllarini, qidiruv tizimlari uchun ko'rsatmalarni yoki foydalanuvchi ko'rmasligi kerak bo'lgan, ammo brauzer yoki dasturchilar uchun muhim bo'lgan boshqa ma'lumotlarni ulash uchun ma'lumotlar mavjud.

Ulanish uslublari

HTML hujjatining tuzilishi uslublarni turli usullar bilan ulash imkonini beradi. Bundan tashqari, ular har bir elementda alohida yozilishi mumkin. Ammo bu usul tavsiya etilmaydi, chunki kod juda katta va noqulay bo'ladi.

Fayl quyidagi tarzda ulanadi.

href atributi faylga yo'lni belgilaydi. Agar yo'lda xatolik bo'lsa, uslublar yuklanmaydi. Type atributi ham talab qilinadi, bu esa bu CSS fayli ekanligini bildiradi.

Yana bir variant - uslublarni to'g'ridan-to'g'ri bosh qismida belgilash.

Ammo bu variant ham juda tavsiya etilmaydi. Bu usullar juda farq qiladi, chunki CSS fayli butun sayt uchun bitta bo'lishi mumkin va undagi barcha o'zgarishlar darhol barcha sahifalarga qo'llaniladi. Va agar siz yuqoridagi rasmda ko'rsatilgan usuldan foydalansangiz, saytning barcha mavjud sahifalariga o'zgartirishlar kiritishingiz kerak bo'ladi.

Agar siz yaratayotgan sinf faqat bitta sahifada ishlatilsa, bu variant sizga mos keladi.

Skriptlarni ulash

Skriptlar quyidagi tarzda ulanadi.

Bu erda ikkita atribut talab qilinadi: type va src. Birinchisida biz bu Javascript fayli ekanligini, ikkinchisida esa fayl joylashgan joyni ko'rsatamiz. Agar xato qilsangiz, hech narsa ishlamaydi.

tana qismi

Html hujjatining tuzilishi shundayki, siz foydalanuvchiga ko'rinadigan kontentni faqat asosiy bo'limga joylashtirishingiz kerak. Tegning nomi o'zi uchun gapiradi.

Bu erda sahifaning butun asosiy kodi ko'rsatilgan, u cheksiz miqdordagi elementlarni o'z ichiga olishi mumkin. Ammo kod qancha uzoq bo'lsa, uni qayta ishlash shunchalik uzoq davom etadi.

Keling, tana hududida ishlatilishi mumkin bo'lgan eng asosiy teglarni ko'rib chiqaylik. Asosiylari ko'p emas. Qolganlarning hammasini bilimingiz va amaliyotingiz o'sib borishi bilan o'rganasiz.

Asosiy teglar

HTML hujjatining tuzilishi elementlarni yozishning majburiy tartibini talab qiladi. Teglar har doim chetlarida qavslar bilan o'ralgan bo'lishi kerak. Busiz brauzer bu teg ekanligini tushunmaydi. Ochilish qavsdan keyin har doim element (teg) nomi keladi. Agar siz orasidagi bo'shliqqa ruxsat bersangiz< и именем, то браузер посчитает это текстом.

Keling, rasm tegining misolini ko'rib chiqaylik. E'tibor bering, bu teg havolalar, paragraflar va boshqalardan farqli o'laroq, yakunlovchi teg emas.

Atributlarning tartibi muhim emas. Lekin ularning yozilishi (dizayn) juda muhim. Har doim birinchi bo'lib atribut nomi keladi, keyin tenglik belgisi, so'ngra atribut qiymati tirnoq ichida yoziladi. Qiymat har xil bo'lishi mumkin - raqamli yoki matn.

Barcha teglardagi src atributi yuklanishi kerak bo'lgan faylning yo'lini ko'rsatadi. Barcha elementlardagi alt atributi qisqacha tavsifni bildiradi. Bunday holda, bird.jpg fotosurati tavsif bilan yuklanadi - qushning fotosurati.

Bundan tashqari, siz o'lchamlarni, faqat kenglik yoki balandlikni, sarlavhani, hizalanishni, uslublar sinfini yoki chegarani belgilashingiz mumkin.

Keling, tana qismida ko'rsatilgan boshqa asosiy teglarni ko'rib chiqaylik.

	Maqsad
	Tasvirlar
	Matnni yangi qatorga o'rash
…	Eskiz
	Chizilgan matn
	Tagi chizilgan matn

Bularning barchasini boshingizda qanday tasavvur qila olasiz?

Ajam ishlab chiquvchilar har doim ham bularning barchasini spekulyativ tarzda tasavvur qila olmaydi. Veb-sahifa tuzilishining bir nechta misollarini ko'rib chiqing, shunda siz aniq tushunasiz.

HTML (HyperText Markup Language) atamasi "gipermatnni belgilash tili" degan ma'noni anglatadi. HTMLning birinchi versiyasini Yevropa zarrachalar fizikasi laboratoriyasi xodimi Tim Berners-Li ishlab chiqqan.

HTML birinchi versiyasi yaratilganidan beri ba'zi o'zgarishlarga duch keldi. Kompyuter dunyosidagi ko'p narsalar singari, HTML versiyalari yoki texnik xususiyatlari ham raqamlangan bo'lib chiqdi. 2.0, 3.0 va 3.2 spetsifikatsiyalari ma'lum. Joriy HTML spetsifikatsiyasini har doim W3C serverida topish mumkin.

HyperText Markup Language (HTML) WEB muhitida gipermatnli hujjatlarni yaratish uchun mo‘ljallangan standart tildir. HTML hujjatlarini har xil turdagi WEB-brauzerlar ko'rish mumkin. Hujjat HTML yordamida yaratilganda, WEB-brauzer hujjatning turli elementlarini ajratib ko'rsatish va birinchi navbatda ularni qayta ishlash uchun HTMLni sharhlashi mumkin. HTML-dan foydalanish hujjatlarni ularni ko'ruvchi har qanday tizimda shriftlar, chiziqlar va boshqa grafik elementlar yordamida taqdim etish uchun formatlash imkonini beradi.

Ko'pgina hujjatlarda sarlavha, paragraflar yoki ro'yxatlar kabi standart elementlar mavjud. HTML teglaridan foydalanib, siz ushbu elementlarni belgilashingiz mumkin, WEB-brauzerlarga ushbu elementlarni ko'rsatish uchun minimal ma'lumotlar bilan ta'minlab, hujjatlarning umumiy tuzilishi va axborot to'liqligini saqlaysiz. HTML-hujjatni o'qish uchun HTML teglarini sharhlovchi va hujjatni muallif bergan shaklda ekranda ko'rsatadigan WEB-brauzer kifoya qiladi.

Ko'pgina hollarda, hujjatning muallifi hujjatning ko'rinishini qat'iy belgilaydi. HTML misolida, o'quvchi (WEB-brauzer imkoniyatlaridan kelib chiqib, ma'lum darajada, hujjatning ko'rinishini (lekin uning mazmunini emas) boshqarishi mumkin). HTML sarlavha yoki paragraf qayerda bo'lishi kerakligini belgilash imkonini beradi. Hujjatni HTML tegidan foydalanib ko'ring va keyin ushbu teglarni sharhlash uchun WEB-brauzerni taqdim etadi.

Masalan, bitta WEB-brauzer paragraf tegining boshlanishini tanib, hujjatni kerakli shaklda taqdim etishi mumkin, boshqasi esa bunday imkoniyatga ega emas va hujjatni bir qatorda taqdim etadi. Ba'zi WEB-brauzerlarning foydalanuvchilari shrift hajmi va turini, rangi va hujjatning ko'rinishiga ta'sir qiluvchi boshqa parametrlarni sozlash imkoniyatiga ega.

HTML hujjatlari har qanday matn muharriri yoki maxsus HTML muharrirlari va konvertorlari yordamida yaratilishi mumkin. HTML hujjatlarini yaratishda foydalaniladigan muharrirni tanlash faqat har bir muallifning qulayligi va shaxsiy xohishlariga bog'liq. Masalan, Netscape-dan Netscape Navigator Gold kabi HTML muharrirlari WYSIWYG (What You See Is What You Get) texnologiyasidan foydalangan holda grafik shaklda hujjatlar yaratish imkonini beradi. Boshqa tomondan, ko'pgina an'anaviy hujjat yaratish vositalarida hujjatlarni HTML formatiga aylantirish imkonini beruvchi konvertorlar mavjud.

Barcha HTML teglari "" (to'g'ri burchakli qavs) bilan boshlanadi. Odatda, boshlang'ich teg va tugatish tegi mavjud. Misol tariqasida, hujjat sarlavhasini tavsiflovchi bosh va tugatish teglari ichidagi matnni belgilaydigan sarlavha teglari: Hujjat sarlavhasi

HTML katta harflarga sezgir emas, shuning uchun yuqoridagi misol quyidagicha ko'rinishi mumkin:

Hujjat nomi

Yakuniy teg boshlang'ich teg bilan bir xil ko'rinadi va burchakli qavslar ichidagi matn oldidan oldinga qiyshiq chiziq bilan undan farq qiladi. Bu misolda teg WEB-brauzerga sarlavha formatidan foydalanishni, teg esa sarlavha matnini tugatishni bildiradi.

Kabi ba'zi teglar

(paragrafni belgilaydigan teg) yakuniy tegni talab qilmaydi, lekin undan foydalanish hujjatning manba matnini yaxshilangan o'qilishi va tuzilishini beradi.

WEB-brauzer hujjatni qabul qilganda, hujjat qanday talqin qilinishi kerakligini aniqlaydi. Hujjatda paydo bo'ladigan birinchi teg bo'lishi kerak. Bu teg WEB-brauzerga hujjatingiz HTML yordamida yozilganligini bildiradi. Minimal HTML hujjati quyidagicha ko'rinadi:

...hujjatning asosiy qismi ...

Hujjat sarlavhasi

Hujjat bosh yorlig'i tegdan keyin darhol qo'llanilishi kerak va hujjat tanasining boshqa joylarida ishlatilmaydi. Bu teg hujjatning umumiy tavsifidir. Ichkariga biron-bir matn joylashtirishdan saqlaning. Boshlanish yorlig'i hujjatni tavsiflovchi teg va boshqa teglar oldidan darhol, yakuniy teg esa hujjat tavsifi tugagandan so'ng darhol joylashtiriladi. Masalan:

Xodimlar ro'yxati Hujjat nomi

Aksariyat WEB-brauzerlar teg tarkibini hujjatni o'z ichiga olgan oynaning sarlavha satrida va agar WEB-brauzer tomonidan qo'llab-quvvatlansa, xatcho'plar faylida ko'rsatadi. va teglari bilan chegaralangan sarlavha yuqoridagi misolda ko'rsatilganidek - teglari ichiga joylashtiriladi. Hujjatning o'zi oynada ko'rsatilganda hujjat sarlavhasi ko'rinmaydi.

Izohlar

Har qanday til singari, HTML ham hujjatning asosiy qismiga sharhlar kiritish imkonini beradi, ular hujjat tarmoq orqali uzatilganda saqlanadi, lekin brauzer tomonidan ko'rsatilmaydi. Sharh sintaksisi:

Sharhlar hujjatning istalgan joyida va istalgan miqdorda paydo bo'lishi mumkin.

Hujjat tanasi teglari oynada ko'rsatilgan HTML hujjatning tarkibiy qismlarini aniqlaydi. Hujjatning asosiy qismida boshqa hujjatlar, matn va boshqa formatlangan ma'lumotlarga havolalar bo'lishi mumkin.

Hujjat tanasi

Hujjatning asosiy qismi va teglari orasida bo'lishi kerak. Bu hujjatning matn va grafik (semantik) ma'lumotlari sifatida ko'rsatiladigan qismidir.

Paragraf tegi

Ko'pgina so'z protsessorlaridan farqli o'laroq, HTML hujjatida karetani qaytarish odatda e'tiborga olinmaydi. Jismoniy paragraf tanaffusi hujjatning manba matnining istalgan joyida joylashgan bo'lishi mumkin (o'qishni osonlashtirish uchun). Biroq, brauzer faqat teg mavjud bo'lsa, paragraflarni ajratadi

Agar siz paragraflarni teg bilan ajratmasangiz

Hujjatingiz bitta katta paragraf sifatida ko'rinadi.

Gipermatnli havolalar WEBni foydalanuvchilar uchun jozibador qiladigan asosiy komponent hisoblanadi. Gipermatnli havolalarni (keyingi o'rinlarda havolalar deb yuritiladi) qo'shish orqali siz ulangan va tuzilgan hujjatlar to'plamini yaratasiz, bu esa foydalanuvchiga kerakli ma'lumotlarni imkon qadar tez va qulay tarzda olish imkonini beradi.

Bog'lanishlar standart formatga ega bo'lib, u brauzerga ularni sharhlash va havola turiga qarab kerakli funktsiyalarni (chaqiruv usullari) bajarish imkonini beradi. Havolalar boshqa hujjatga, ushbu hujjat ichidagi ma'lum bir joyga ishora qilishi yoki brauzer ko'rsatishi uchun FTP orqali faylni so'rash kabi boshqa funktsiyalarni bajarishi mumkin. URL mutlaq yo'lda ma'lum bir joyni ko'rsatishi mumkin yoki u ko'pincha yirik tuzilgan WEB-saytlarni tashkil qilishda foydalaniladigan joriy yo'lda hujjatga ishora qilishi mumkin. Agar harakat hujjat ichida sodir bo'lsa, avvalgi havolaga qayting. Agar siz hujjat ichidagi havolalardan foydalansangiz va keyin Orqaga tugmachasini bossangiz, oldingi havolaga o'tmaysiz, lekin hujjatning avval ko'rayotgan qismiga qaytasiz.

Webning eng jozibali xususiyatlaridan biri bu HTML hujjatiga grafik va boshqa turdagi ma'lumotlarga havolalarni kiritish qobiliyatidir. Bu teg yordamida amalga oshiriladi . Ushbu tegdan foydalanish hujjatlarning ko'rinishi va funksionalligini sezilarli darajada yaxshilashi mumkin.

HTML hujjatlarida grafiklardan foydalanishning ikki yo'li mavjud. Birinchisi, grafik tasvirlarni hujjatga joylashtirish bo‘lib, bu foydalanuvchiga tasvirlarni hujjatning boshqa elementlari kontekstida bevosita ko‘rish imkonini beradi.

Bu hujjatni loyihalashda eng ko'p qo'llaniladigan usul bo'lib, ba'zida "inline image" deb ataladi.

Ba'zi WWW brauzerlari foydalanuvchiga olingan qiymatni qaytaradigan maxsus shaklni to'ldirish orqali WWW serveringizda muayyan amallarni bajarishga imkon beradi. Shakl WEB-brauzer tomonidan talqin qilinganda, maxsus GUI ekran elementlari, masalan, kiritish maydonlari, tasdiqlash qutilari, radio tugmalar, ochiladigan menyular, aylantiriladigan ro'yxatlar, tugmalar va boshqalar yaratiladi. Foydalanuvchi anketani to‘ldirib, “Yuborish” tugmasini bosganida (yuborish – hujjatni tavsiflashda ko‘rsatiladigan maxsus turdagi tugma), foydalanuvchi shaklga kiritgan ma’lumotlar qayta ishlash va uzatish uchun HTTP serveriga yuboriladi. CGI (Common Gateway Interface) interfeysiga muvofiq server ostida ishlaydigan boshqa dasturlarga.

Shaklni tavsiflaganingizda, har bir ma'lumot kiritish elementi tegga ega. Agar foydalanuvchi ma'lumotni shakl elementiga joylashtirsa, ma'lumot ushbu elementning VALUE bo'limiga joylashtiriladi. Webning eng jozibali xususiyatlaridan biri HTML hujjatiga grafik va boshqa turdagi ma'lumotlarga havolalarni kiritish imkoniyatidir.

Veb-sahifalar kompyuter ekranida formatlangan ko'rinsa-da, HTML hujjatlarni formatlash uchun mo'ljallanmagan, chunki sahifadagi matn elementlarining qattiq dizayni va aniq joylashishi Internetda qabul qilib bo'lmaydigan cheklovlarni keltirib chiqaradi.

Masalan, Word matn protsessoridan foydalanib matnni formatlashda biz ushbu matn juda aniq printerda va ma'lum o'lchamdagi qog'ozda chop etilganda qanday ko'rinishini aniq belgilaymiz. Hujjat Internetga joylashtirilganda, uni ko'rish uchun qaysi kompyuter ishlatilishini yoki bu kompyuterda hatto monitor bo'ladimi-yo'qligini oldindan aytib bo'lmaydi.

HTML tilidan foydalangan holda hujjatni tavsiflashning o'ziga xos xususiyati dastlabki hujjatni takrorlashda mutlaq aniqlikka erishishning tubdan imkonsizligi bilan bog'liq. Hujjat Internetda keng tarqalgan bo'lishi ko'zda tutilgan va shuning uchun uni ko'paytirish qanday tashkil etilishi noma'lum. Hujjat grafik ekranda taqdim etilishi, sof matn shaklida chiqarilishi yoki nutqni sintez qilish dasturi orqali oddiygina "o'qilishi" mumkin. Ushbu barcha holatlarda HTML belgilarini hisobga olish kerak. Shunung uchun ! HTML hujjatni formatlash uchun emas, balki uning funktsional belgilari uchun mo'ljallangan. Belgilash hujjatning semantik mazmunidan osongina ajratiladigan va gipermatnni amalga oshirish uchun ishlatiladigan maxsus kodlardan foydalanishni anglatadi. Ushbu kodlardan foydalanish HTML tili spetsifikatsiyasi bilan belgilangan qat'iy qoidalarga bo'ysunadi, masalan, hujjatlar odatda sarlavhalardan boshlanadi. Hujjatning bir qismining "sarlavha bo'lish" xususiyati hujjatni formatlash xususiyati emas, balki uning mazmuni xususiyatidir. Muayyan hujjatni ko'rsatuvchi (brauzer) hujjatning sarlavha sifatida tasvirlangan qismini taqdim etishning o'ziga xos usulini tanlaydi.

HTML teglari

! Dastlabki matnni belgilash uchun ishlatiladigan HTML til kodlari teglar deb ataladi va ular to'g'ridan-to'g'ri hujjat matniga kiritiladi.

Teg - bu belgilar to'plami. Barcha teglar kichikroq () belgisi bilan boshlanadi. Ushbu belgilarning bir jufti ba'zan burchakli qavslar deb ataladi. Ochilish burchagi qavsdan keyin tegni belgilaydigan kalit so'z keladi.

HTML-dagi har bir teg maxsus maqsadga ega. Teg nomlaridagi harflarning katta-kichikligi muhim emas — kichik yoki katta harflardan foydalanish mumkin, garchi teglarni hujjatning oddiy matnidan ajratish uchun katta harflardan foydalanish odatiy holdir.

Teglarni ikkita katta guruhga bo'lish mumkin.

Konteynerlar deb ataladigan bir xil guruh teglari hujjatning ular orasiga qo'yilgan qismiga ta'sir qiladi. Ular ikkita komponentdan iborat: ochilish (boshlang'ich) va yopish (yakuniy). Yopuvchi teg ochilish yorlig'i bilan bir xil nomga ega, lekin oldiga qiyshiq chiziq (/ (qiyshiq chiziq)) qo'yiladi. Matn yoki boshqa teglar ochilish va yopish teglari orasiga joylashtirilishi mumkin.

Mustaqil (yakka) teglarda keyingi komponent mavjud emas. Ular bir martalik harakatga sabab bo'ladi yoki talqin qilinganda ob'ekt ko'rsatilgan hujjatga kiritiladi. Masalan, teg pict.gif faylidan rasm qo'yishga sabab bo'ladi.

Odatda, bitta HTML yorlig'i hujjatning faqat bir qismiga, masalan, paragrafga ta'sir qiladi. Bunday hollarda juftlangan teglar ishlatiladi: ochish va yopish. Ochilish tegi effekt yaratadi, yopilish tegi esa effektni tugatadi. Yopiladigan teglar qiyshiq chiziq (/) bilan boshlanadi.

Ba'zi teglar paydo bo'lgan joyda bir martalik effekt beradi. Bunday holda, yopish tegiga ehtiyoj qolmaydi va u ishlatilmaydi.

Agar xatolik tufayli teg HTMLda topilmagan kalit so'zni o'z ichiga olsa, teg butunlay e'tiborga olinmaydi.

Hujjat brauzerda ko'rsatilganda teglarning o'zi ko'rsatilmaydi, lekin ular hujjatning ko'rsatilishiga ta'sir qiladi.

Teglar hujjatning ma'lum bir qismi bilan bog'lanadi va bu fragmentlarning mazmuni veb-mijoz tomonidan qanday tashqi ko'rinishda va talqin qilinishini ko'rsatadi.

Funktsional nuqtai nazardan, HTML teglarini quyidagi toifalarga bo'lish mumkin:

Hujjatning tuzilishini tavsiflovchi teglar va u haqidagi ma'lumotlar, masalan, izohlar, kalit so'zlar ro'yxati va boshqalar;

Teglar hujjat matnining mantiqiy tuzilishi uchun, masalan, sarlavhalarni ajratib ko'rsatish, paragraflarga bo'linish, qo'shtirnoqlarni ajratib ko'rsatish, ro'yxatlar, jadvallar yaratish va hokazolar uchun ishlatiladi;

Shriftlar, ranglar va boshqalar parametrlarini tavsiflovchi matn formatlash teglari;

Giperhavolalarni tashkil qilish uchun teglar;

HTML fayl va tashqi ob'ektlar o'rtasida aloqa o'rnatuvchi teglar, masalan, grafik, tovush fayllari va boshqalar;

Foydalanuvchiga ma'lumotlarni kiritish va uni Web-serverga yuborish imkonini beruvchi shakl yaratish teglari;

HTMLning asosiy versiyasi bir qator kamchiliklarga ega:

Hujjatning ko'rinishini dinamik ravishda nazorat qilish imkonini beruvchi vositalarning etishmasligi;

Hujjatning o'zini o'zgartirmasdan veb-hujjatlarning tashqi dizaynini osongina o'zgartirish imkonini beruvchi vositalarning etishmasligi, masalan, uslublar jadvallari;

Tarkibni ma'noga ko'ra qandaydir tarzda tuzishga imkon beradigan vositalarning etishmasligi, masalan, matnda mavjud bo'lgan tushunchalarni tasniflash.

Hozirgi vaqtda tilning asosiy versiyasining kamchiliklarini bartaraf eta oladigan bir qator HTML kengaytmalari, shuningdek, turli texnologiyalar majmuasi mavjud.

Teg atributlari

Tegning ta'siri atributlarni qo'shish orqali o'zgartirilishi mumkin. Juftlangan teglarda atributlar faqat ochilish tegiga qo'shiladi.

! Atributlar qoʻshimcha kalit soʻzlar boʻlib, tegni belgilovchi kalit soʻzdan va boshqa atributlardan boʻshliqlar bilan ajratilgan va teg tugaydigan “>” belgisidan oldin joylashtirilgan. Ba'zi atributlarni qo'llash usuli atribut uchun qiymat ko'rsatishni talab qiladi. Atribut qiymati atribut kalit so'zidan "=" (teng belgi) belgisi bilan ajratiladi va qo'shtirnoq ichiga olinadi.

Elementning atributlari uning xususiyatlarini belgilaydi.

Atributlarga ega teglarga misollar:

– hujjat uchun ochiq ko‘k fon o‘rnatadi;

matn – juftlangan teg, Brauzerga “konteyner”ga oʻralgan matnni asosiy oʻlchamga (SIZE="+2") va qizil rangga (COLOR="RED") nisbatan kattalashtirilgan belgilar bilan koʻrsatishni buyuradi.

Atribut qiymati qo'shtirnoq ichiga olinishi kerak, lekin ko'p hollarda tirnoq belgilari hech qanday zarar etkazmasdan qoldirilishi mumkin.

HTML ning belgilash tili sifatida ta'rifi hujjatdan barcha teglar olib tashlanganida mazmuni bo'yicha asl gipermatnli hujjatga to'liq ekvivalent bo'lgan matn hujjati olinishiga asoslanadi. Shunday qilib, HTML hujjati ko'rsatilganda teglarning o'zi ko'rsatilmaydi, lekin ular hujjatning qolgan qismini ko'rsatish usuliga ta'sir qiladi.

HTML asoslari HTML tilining asosiy qoidalarini, HTML-sahifa tuzilishining tavsifini va HTML-hujjat tuzilishidagi HTML elementlari orasidagi munosabatlarni o'z ichiga oladi.

HTML hujjati oddiy matn muharririda (Notepad) yoki kodni ajratib ko'rsatish bilan ixtisoslashganda (Notepad++, Visual Studio Code va boshqalar) yaratilishi mumkin bo'lgan oddiy matn hujjatidir. HTML hujjatida .html kengaytmasi mavjud.

HTML hujjati HTML elementlari va matn daraxtidan iborat. Har bir element dastlabki hujjatda boshlang'ich (ochilish) va tugatish (yopish) tegi (kamdan-kam istisnolar bilan) bilan belgilanadi.

Boshlanish yorlig'i elementning qaerdan boshlanishini, tugatish yorlig'i qaerda tugashini ko'rsatadi. Yopuvchi teg teg nomidan oldin / qiyshiq chiziq qo'shish orqali hosil bo'ladi: .... Boshlash va tugatish teglari o'rtasida tegning mazmuni - tarkib joylashgan.

Yagona teglar kontentni to'g'ridan-to'g'ri saqlay olmaydi, u atribut qiymati sifatida yoziladi, masalan, teg ichida tugmacha matni bo'lgan tugma hosil qiladi.

Teglar bir-birining ichiga joylashtirilishi mumkin, masalan,

Matn

. Investitsiya qilishda siz ularni yopish tartibiga rioya qilishingiz kerak ("matryoshka" tamoyili), masalan, quyidagi yozuv noto'g'ri bo'ladi:

Matn

.

HTML elementlari atributlarga ega bo'lishi mumkin (global, barcha HTML elementlariga qo'llaniladigan va o'zlarining). Atributlar elementning ochilish tegida yoziladi va format atributida ko'rsatilgan nom va qiymatni o'z ichiga oladi name="value" . Atributlar o'rnatilgan elementning xususiyatlarini va xatti-harakatlarini o'zgartirishga imkon beradi.

Har bir elementga bir nechta sinf qiymatlari va faqat bitta id qiymati tayinlanishi mumkin. Bir nechta sinf qiymatlari bo'sh joy bilan ajratilgan holda yoziladi. Sinf va id qiymatlari faqat harflar, raqamlar, defislar va pastki chiziqdan iborat bo'lishi va faqat harflar yoki raqamlar bilan boshlanishi kerak.

Brauzer HTML-hujjatni ko'radi (talqin qiladi), uning tuzilishini (DOM) quradi va uni ushbu faylga kiritilgan ko'rsatmalarga (uslublar jadvallari, skriptlar) muvofiq ko'rsatadi. Belgilash to'g'ri bo'lsa, brauzer oynasida HTML elementlari - sarlavhalar, jadvallar, rasmlar va boshqalarni o'z ichiga olgan HTML sahifasi ko'rsatiladi.

Interpretatsiya jarayoni (tahlil qilish) veb-sahifa brauzerga to'liq yuklanishidan oldin boshlanadi. Brauzerlar CSS-ni qayta ishlash va uslublar jadvallarini sahifa elementlari bilan bog'lashda HTML hujjatlarini boshidan ketma-ket qayta ishlaydi.

HTML hujjati ikkita bo'limdan iborat - sarlavha - teglar orasidagi ... va kontent qismi - teglar orasidagi ....

Web sahifa tuzilishi 1. HTML hujjat tuzilishi

HTML hujjat turi deklaratsiyasi faylidagi qoidalarga amal qiladi (Hujjat turini aniqlash yoki DTD). DTD qaysi teglar, atributlar va ularning qiymatlari ma'lum bir HTML turi uchun amal qilishini belgilaydigan XML hujjatidir. HTML ning har bir versiyasi o'z DTD ga ega.

DOCTYPE veb-sahifaning brauzer tomonidan to'g'ri ko'rsatilishi uchun javobgardir. DOCTYPE nafaqat HTML versiyasini (masalan, html), balki Internetdagi tegishli DTD faylini ham belgilaydi.

...

Teg ichidagi elementlar DOM (hujjat obyekti modeli) deb ataladigan hujjat daraxtini tashkil qiladi. Bunday holda, element ildiz elementi hisoblanadi.

Guruch. 1. Web sahifaning eng oddiy tuzilishi

Veb-sahifa elementlarining o'zaro ta'sirini tushunish uchun elementlar orasidagi "oilaviy munosabatlar" deb ataladigan narsalarni ko'rib chiqish kerak. Bir nechta ichki elementlar o'rtasidagi munosabatlar ota-ona, bola va opa-singil sifatida tasniflanadi.

Ajdod - boshqa elementlarni o'z ichiga olgan element. 1-rasmda barcha elementlarning ajdodi . Shu bilan birga, element tarkibidagi barcha teglarning ajdodi hisoblanadi: ,

, , va hokazo.

Avlod - bu bir yoki bir nechta element turlari ichida joylashgan element. Masalan, ning avlodi va elementi

va ikkalasining avlodi.

Asosiy element - bu boshqa elementlar bilan quyi darajadagi bog'liq bo'lgan va daraxtda ularning tepasida joylashgan element. 1-rasmda va. teg

Faqat ota-ona.

To'liq element - bu yuqori darajadagi boshqa elementga bevosita bo'ysunadigan element. 1-rasmda faqat elementlar mavjud, ,

Va bolalari.

Qarindosh element - bu bir xil darajadagi elementlar deb ataladigan, ko'rib chiqilayotgan element bilan umumiy asosiy elementga ega bo'lgan element. 1-rasmda va bir xil darajadagi elementlar, shuningdek, elementlar , va

Ular bir-birlariga opa-singillar.

1.1. 1.2 element. Element

Bo'lim ... sahifa haqida texnik ma'lumotlarni o'z ichiga oladi: sarlavha, tavsif, qidiruv tizimlari uchun kalit so'zlar, kodlash va boshqalar. Siz kiritgan ma'lumotlar brauzer oynasida ko'rsatilmaydi, lekin u brauzerga sahifani qanday qayta ishlashni ko'rsatadigan ma'lumotlarni o'z ichiga oladi.

1.2.1. Element

Kerakli bo'lim yorlig'i. Ushbu teg ichiga joylashtirilgan matn veb-brauzerning sarlavha satrida paydo bo'ladi. Sarlavhaga to'liq mos kelishi uchun sarlavha 60 belgidan oshmasligi kerak. Sarlavha matni veb-sahifa mazmunining eng to'liq tavsifini o'z ichiga olishi kerak.

1.2.2. Element

Ixtiyoriy bo'lim tegi bitta tegdir. Uning yordami bilan siz sahifa mazmuni tavsifini va qidiruv tizimlari uchun kalit so'zlarni, HTML hujjatining muallifini va boshqa metadata xususiyatlarini o'rnatishingiz mumkin. Element bir nechta elementlarni o'z ichiga olishi mumkin, chunki ular ishlatiladigan atributlarga qarab turli xil ma'lumotlarni o'z ichiga oladi.

Sahifa mazmuni va kalit so'zlarning tavsifi bir vaqtning o'zida bir nechta tillarda, masalan, rus va ingliz tillarida ko'rsatilishi mumkin:

Teg yordamida siz qidiruv tizimlari tomonidan veb-sahifani indekslashni bloklashingiz yoki ruxsat berishingiz mumkin:

Belgilangan vaqtdan keyin sahifani avtomatik ravishda qayta yuklash uchun siz yangilash qiymatidan foydalanishingiz kerak:

Sahifa 30 soniyadan keyin qayta yuklanadi. Mehmonni boshqa sahifaga yo'naltirish uchun url parametrida URL manzilini ko'rsatishingiz kerak: